/* font converted using font-converter.net. thank you! */
@font-face {
  font-family: "HGGGothicssi";

  src: url("/fonts/HGggodic/HGGGOTHICSSI80G.ttf") format("truetype"), /* Safari, Android, iOS */
    url("/fonts/HGggodic/HGGGOTHICSSI80G.woff") format("woff"), /* Modern Browsers */
    url("/fonts/HGggodic/HGGGOTHICSSI80G.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}

/* common */
body > #container {padding-top:86px;}
#container {background-color:#DEDEDE; font-weight:500;}
#container .container {font-family: 'Noto Sans KR', Dotum,Helvetica,AppleGothic,Sans-serif;}
.container .contents {width:916px; height:505px; border-radius:10px; margin:50px auto; background-color:#fff;}
.con_q::after {content:''; display:block; clear:both;}
.con_q > .con_left, .con_q > .con_right {float:left;}
.con_q > .con_left {width:30.5%; height:100%; position:relative; padding:21px 23px; box-sizing:border-box; background-color:#F0F0F0; border-radius:10px 0 0 10px;}
.con_q > .con_left .left_tit_txt {color:#0096FF; font-size:14px; font-weight:700; letter-spacing:-0.07em; line-height:31px;}
.con_q > .con_left .left_tit_tit {color:#000; font-size:33px; font-weight:300; letter-spacing:-0.07em; line-height:36px;}
.con_q > .con_left .con_left_sub {position:absolute; bottom:27px; left:0px; padding:0 23px;}
.con_q > .con_left .left_sub_img {margin-bottom:10px;}
.con_q > .con_left .left_sub_img > img {width:49px; height:49px;}
.con_q > .con_left .left_sub_txt {margin-bottom:10px;}
.con_q > .con_left .left_sub_txt > p {color:#606060; font-size:13px; letter-spacing:-0.08em; line-height:18px; text-align:left; font-weight:400;}
.con_q > .con_left .left_sub_link > p {color:#0096FF; font-size:13px; letter-spacing:-0.08em; line-height:18px; font-weight:400;}
.con_q > .con_left .left_sub_link > p > a {text-decoration:underline; color:#0096FF;}
.con_q > .con_right {width:69.5%; height:100%; box-sizing:border-box; padding:116px 0 30px; text-align:center; position:relative;}
.con_q > .con_right .question_tit {margin-bottom:23px;}
.con_q > .con_right .question_tit > p {display:inline-block; color:#000; font-size:21px; letter-spacing:-0.03em; line-height:40px; padding-left:45px; background:url(../img/guide_0715/group2113@3x.png) 0 0 no-repeat; background-size:45px 45px; font-weight:400;}
.con_q > .con_right .question_answer .question_wrap {position:relative; margin-bottom:13px;}
.con_q > .con_right .question_answer .question_wrap:last-child {margin-bottom:0px;}
.con_q > .con_right .question_answer .question_wrap > label {display:inline-block; width:315px; height:46px; border:1px solid #0096FF; border-radius:7px; box-sizing:border-box; color:#000; font-size:16px; letter-spacing:-0.03em; line-height:44px; cursor:pointer; font-weight:400;}
.con_q > .con_right .question_answer .question_wrap > input {position:absolute; top:0; left:0; opacity:0;}
.con_q > .con_right .question_answer .question_wrap > input:checked ~ label {background-color:#0096FF; color:#fff;}
.con_q > .con_right .question_nav {position:absolute; bottom:30px; right:34px;}
.con_q > .con_right .question_nav > button {display:inline-block; width:91px; height:38px; box-sizing:border-box; border:1px solid #0096FF; border-radius:23px; background-color:#fff; color:#000; font-size:16px; letter-spacing:-0.03em; line-height:36px; font-weight:400;}
/* common */

/* ready */
.hidden {display:none;}
/* ready */

/* con1 */
#contents1 {text-align:center; padding:41px 58px 26px; box-sizing:border-box;}
#contents1 .con1_tit {font-family:'HGGGothicssi', Dotum,Helvetica,AppleGothic,Sans-serif; letter-spacing:-0.03em; margin-bottom:46px;}
#contents1 .con1_tit .tit_txt {color:#0096FF; font-size:30px; line-height:31px;}
#contents1 .con1_tit .tit_sub {color:#000000; font-size:41px; line-height:45px;}
#contents1 .con1_wrap {display:inline-block; padding:0 48px; margin-bottom:53px;}
#contents1 .con1_wrap > div {float:left; width:50%;}
#contents1 .con1_wrap .con1_left {position:relative;}
#contents1 .con1_wrap .con1_left .laptop_txt {position:absolute; top:27px; left:50%; transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0); color:#fff; font-size:12px; letter-spacing:-0.03em; font-weight:700;}
#contents1 .con1_wrap .con1_right > p {color:#000; font-size:22px; letter-spacing:-0.03em; line-height:29px; font-weight:400;}
#contents1 .con1_wrap .con1_right > p > .hit {color:#0096FF;}
#contents1 .con1_submit > a {display:inline-block; width:100%; height:58px; border-radius:29px; background-color:#0096FF; color:#fff; font-size:21px; font-weight:700; letter-spacing:-0.03em; line-height:58px;}
/* con1 */

/* con4 */
#contents4 .con_right .question_answer .question_wrap {margin-bottom:6px;}
#contents4 .con_right .question_answer .question_wrap > input {position:inherit; opacity:1; width:82px; height:40px; line-height:40px; color:#000; font-size:20px; text-align:center; border:none; border-bottom:1px solid #707070;}
#contents4 .con_right .question_answer .question_wrap input[type=number]::-webkit-inner-spin-button,
#contents4 .con_right .question_answer .question_wrap input[type=number]::-webkit-outer-spin-button {-webkit-appearance:none; -moz-appearance: none; margin:0;}
#contents4 .con_right .question_answer .question_wrap > span {color:#000; font-size:20px; letter-spacing:0.03em; line-height:35px; vertical-align:sub; font-weight:400;}
#contents4 .con_right .question_answer > label {display:block; width:100%; height:auto; border:0; color:#0096FF; font-size:10px; letter-spacing:-0.03em; line-height:18px; box-sizing:border-box; padding-right:21px; font-weight:400;}
/* con4 */

/* con6 */
#contents6 .con_right .question_tit {margin-bottom:31px;}
#contents6 .con_right .question_answer .question_wrap {display:inline-block; margin-right:52px;}
#contents6 .con_right .question_answer .question_wrap:last-child {margin-right:0px;}
#contents6 .con_right .question_answer .question_wrap > label {display:block; width:auto; height: auto; border:none; line-height:28px;}
#contents6 .con_right .question_answer .question_wrap > input:checked ~ label {background-color:inherit; color:#000;}
#contents6 .con_right .question_answer .question_wrap > label.con6_label {width:110px; height:110px; margin:0 auto; border:1px solid #707070; border-radius:55px; margin-bottom:6px;}
#contents6 .con_right .question_answer .question_wrap > label.con6_label_a {background:url(../img/guide_0715/b2a81ce4a0fa80d305ff1ec24cf29933.png) -1px -1px no-repeat;}
#contents6 .con_right .question_answer .question_wrap > label.con6_label_b {background:url(../img/guide_0715/f477e436e5d8d37ed47f908849176d5b.png) -1px -1px no-repeat;}
#contents6 .con_right .question_answer .question_wrap > label.con6_label_c {background:url(../img/guide_0715/c1e3d26aa99d5152b386220151ddd402.png) -1px -1px no-repeat;}
#contents6 .con_right .question_answer .question_wrap > span {display:inline-block; width:108px; height:108px; position:absolute; top:1px; left:1px; border-radius:50px; display:none;}
#contents6 .con_right .question_answer .question_wrap > span.checkmark_6_b {left:7px;}
#contents6 .con_right .question_answer .question_wrap > input:checked ~ span {display:block; background-color:rgba(0,0,0,0.3);}
/* con6 */

/* con7 */
#contents7 {text-align:center; box-sizing:border-box; padding:85px 0;}
#contents7 .con_wrap_tit > p {color:#000000; font-size:17px; letter-spacing:0.03em; line-height:22px;}
#contents7 .con_wrap_wait {width:196px; height:196px; margin:16px auto; background:url(../img/guide_0715/contents7_loading.gif) 0 0 no-repeat; background-size:cover;}
#contents7 .con_wrap_txt > p {color:#0096FF; font-size:18px; letter-spacing:0.03em; line-height:22px;}
/* con7 */

/* con8 */
#contents8 .section_top {width:100%; height:477px; text-align:center; position:relative;}
#contents8 .selected_coffee {background:url(../img/guide_0715/d-4.png) 0 0 no-repeat; background-size:cover;}
#contents8 .selected_pocket {background:url(../img/guide_0715/d-1.png) 0 0 no-repeat; background-size:cover;}
#contents8 .selected_rent {background:url(../img/guide_0715/d-2.png) 0 0 no-repeat; background-size:cover;}
#contents8 .section_top .section_top_icon {width:50px; height:50px; background:url(../img/guide_0715/section_top_icon@2x.png) 0 0 no-repeat; background-size:contain; position:absolute; top:60px; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0);}
#contents8 .section_top .section_top_box {width:646px; height:217px; background-color:rgba(255, 255, 255, 0.9); box-sizing:border-box; padding:46px 60px; position:absolute; top:142px; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0);}
#contents8 .section_top .section_top_box::after {content:''; display:block; width:30px; height:20px; background:url(../img/guide_0715/con_tit_bg.png) 0 0 no-repeat; background-size:contain; position:absolute; top:-15px; left:50%; opacity:0.9; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0);}
#contents8 .section_top .section_top_box .top_txt1 {color:#A05000; font-size:19px; letter-spacing:-0.03em; line-height:23px; margin-bottom:2px;}
#contents8 .section_top .section_top_box .top_txt2 {color:#000; font-size:27px; letter-spacing:-0.03em; line-height:37px; font-weight:500;}
#contents8 .section_top .section_top_box .top_txt2 > span.invest,
#contents8 .section_top .section_top_box .top_txt2 > span.proceeds {color:#0096FF;}

/* section1 */
#contents8 .section_1 {background-color:#fff; text-align:center; padding:51px 0;}
#contents8 .section_1 .section_1_tit {color:#000; font-size:27px; letter-spacing:-0.03em; line-height:33px; margin-bottom:20px; font-weight:500;}
/* section1 */

/* section2 */
#contents8 .section_2 {background-color:#EFEFEF; padding:143px 0 80px; position:relative;}
#contents8 .section_2 .section_top_icon {width:50px; height:50px; background:url(../img/guide_0715/section_top_icon@2x.png) 0 0 no-repeat; background-size:contain; position:absolute; top:60px; left:50%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0);}
#contents8 .section_2 .section_2_tit {width:694px; height:132px; background-color:#fff; box-sizing:border-box; padding:33px 89px 0; text-align:center; margin:0 auto; margin-bottom:85px; position:relative;}
#contents8 .section_2 .section_2_tit::after {content:''; display:block; width:20px; height:20px; background-color:#fff; position:absolute; top:-3px; left:50%; transform:rotateZ(45deg) translate(-50%, 0); -webkit-transform:rotateZ(45deg) translate(-50%, 0);}
#contents8 .section_2 .section_2_tit > p {color:#000; font-size:27px; letter-spacing:-0.03em; line-height:37px; font-weight:400;}
#contents8 .section_2 .section_2_tit > p > span {color:#0096FF;}
#contents8 .section_2 .section_2_graphbox {text-align:center;}
/* section2 */

/* section3 */
#contents8 .section_3 {background-color:#fff; padding:143px 0 60px; text-align:center; position:relative;}
#contents8 .section_3 .section_top_icon {width:50px; height:50px; background:url(../img/guide_0715/section_top_icon@2x.png) 0 0 no-repeat; background-size:contain; position:absolute; top:60px; left:51%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0);}
#contents8 .section_3 .section_3_tit {width:695px; background-color:#EFEFEF; margin:0 auto; margin-bottom:48px; box-sizing:border-box; padding:27px; position:relative;}
#contents8 .section_3 .section_3_tit::after {content:''; display:block; width:20px; height:20px; background-color:#EFEFEF; position:absolute; top:-10px; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg);}
#contents8 .section_3 .section_3_tit > p {color:#000; font-size:27px; letter-spacing:-0.03em; line-height:37px; font-weight:400;}
#contents8 .section_3 .section_3_btnbox::after {content:''; display:block; clear:both;}
#contents8 .section_3 .section_3_btnbox > div {display:inline-block; width:331px; height:150px; border-radius:28px; box-shadow:3px 7px 10px rgba(0, 0, 0, 0.43); padding-top:35px; box-sizing:border-box; margin-right:26px;}
#contents8 .section_3 .section_3_btnbox > div:last-child {margin-right:0px;}
#contents8 .section_3 .section_3_btnbox > div p > a {color:#fff; font-size:35px; letter-spacing:-0.03em; line-height:40px; font-weight:500;}
#contents8 .section_3 .section_3_btnbox .box1 {background:url(../img/guide_0715/1091303-208825.png) 0 0 no-repeat; background-size:cover;}
#contents8 .section_3 .section_3_btnbox .box2 {background:url(../img/guide_0715/1091304-307695.png) 0 0 no-repeat; background-size:cover;}
#contents8 .section_3 .section_3_btnbox .box3 {background:url(../img/guide_0715/1091305-346857.png) 0 0 no-repeat; background-size:cover;}
/* section3 */

/* section4 */
#contents8 .section_4 {background-color:#EFEFEF; padding:143px 0 59px; position:relative;}
#contents8 .section_4 .section_top_icon {width:50px; height:50px; background:url(../img/guide_0715/section_top_icon@2x.png) 0 0 no-repeat; background-size:contain; position:absolute; top:60px; left:51%; transform:translate(-50%,0); -webkit-transform:translate(-50%,0);}
#contents8 .section_4 .section_4_tit {width:695px; height:100px; background-color:#fff; margin:0 auto; margin-bottom:45px; box-sizing:border-box; padding:32px 0 0; position:relative;}
#contents8 .section_4 .section_4_tit::after {content:''; display:block; width:20px; height:20px; background-color:#fff; position:absolute; top:-10px; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); transform:rotateZ(45deg); -webkit-transform:rotateZ(45deg);}
#contents8 .section_4 .section_4_tit > p {color:#000; font-size:27px; letter-spacing:-0.03em; line-height:37px; font-weight:400; text-align:center;}
#contents8 .section_4 .section_wrap #invest_box {background-color:#EFEFEF; padding:0;}
#contents8 .section_4 .section_4_footer {width:1046px; margin:0 auto; margin-top:43px;}
#contents8 .section_4 .section_4_footer::after {display:block; content:''; clear:both;}
#contents8 .section_4 .section_4_footer > a {float:left; width:32%; height:87px; color:#fff; text-align:center; background:linear-gradient(#3CAFFF, #007FD9); border-radius:15px; box-shadow:3px 7px 10px rgba(0,0,0, 0.4); vertical-align:top; margin-right:2%;}
#contents8 .section_4 .section_4_footer > a.share_hidden {width:49%;}
#contents8 .section_4 .section_4_footer > a:last-child {margin-right:0;}
#contents8 .section_4 .section_4_footer > a .txt1 {font-size:26px; letter-spacing:-0.03em; line-height:87px;}
#contents8 .section_4 .section_4_footer > a.result_share .txt1 > img,
#contents8 .section_4 .section_4_footer > a.reset .txt1 > img {width:24px; padding-left:12px; vertical-align: baseline;}
/* section4 */

#invest_box .owl-carousel .owl-stage {height:auto!important;}

/* con8 */
@media screen and (max-width:1070px) {
    #contents8 .section_3 .section_3_btnbox > div {width:300px;}
}
@media screen and (max-width:1045px) {
    #contents8 .section_4 .section_4_footer {width:auto; margin:43px 5% 0;}
    #contents8 .section_4 .section_4_footer > a .txt1 {font-size:26px;}
    #contents8 .section_4 .section_4_footer > a.result_share .txt1 > img, #contents8 .section_4 .section_4_footer > a.reset .txt1 > img {width:24px;}
}
@media screen and (max-width:970px) {
    /* common */
    .container .contents {margin:0px;}
    .container .contents {width:100%; height:573px; border-radius:0px;}
    
    .con_q > .con_left, .con_q > .con_right {float:none;}
    .con_q > .con_left {display:none;}
    .con_q > .con_right {width:auto; padding:106px 0 61px;}
    .con_q > .con_right .question_tit {margin-bottom:45px;}
    .con_q > .con_right .question_answer .question_wrap > label {width:326px; height:57px; font-size:17px; line-height:55px;}
    .con_q > .con_right .question_nav {bottom:61px; left:50%; transform:translate(-50%, 0); -webkit-transform:translate(-50%, 0); width:100%;}
    .con_q > .con_right .question_nav > button {width:114px; height:48px; font-size:20px; line-height:46px;}
    /* common */
    
    /* con1 */
    #contents1 .con1_tit .tit_txt {font-size:20px; letter-spacing:-0.03em; line-height:31px;}
    #contents1 .con1_tit {margin-bottom:42px;}
    #contents1 .con1_wrap {display:block; padding:0px;}
    #contents1 .con1_wrap > div {float:none; width:auto; margin:0 auto;}
    #contents1 .con1_wrap .con1_left {width:300px; margin-bottom:30px;}
    #contents1 .con1_wrap .con1_left .laptop_txt {font-size:11px; font-weight:700; line-height:13px; top:24px;}
    #contents1 .con1_wrap .con1_right {width:255px;}
    #contents1 .con1_wrap .con1_right > p {font-size:16px; line-height:21px;}
    #contents1 .con1_wrap {margin-bottom:24px;}
    #contents1 .con1_submit > a {width:304px;}
    /* con1 */
    
    /* con4 */
    #contents4 .con_right .question_answer .question_wrap > input {width:100px;}
    #contents4 .con_right .question_answer .question_wrap > span {font-size:24px; line-height:42px;}
    #contents4 .con_right .question_answer > label {font-size:12px; line-height:22px;}
    /* con4 */
    
    /* con6 */
    #contents6 .con_right .question_answer .question_wrap {display:block; margin-right:0px;}
    #contents6 .con_right .question_answer .question_wrap > label {width:326px; height:57px; border:1px solid #0096FF; border-radius:7px; margin:0 auto; line-height:55px;}
    #contents6 .con_right .question_answer .question_wrap > label.con6_label {display:none;}
    #contents6 .con_right .question_answer .question_wrap > span {display:none;}
    #contents6 .con_right .question_answer .question_wrap > input:checked ~ span {display:none;}
    #contents6 .con_right .question_answer .question_wrap > input:checked ~ label {background-color:#0096FF; color:#fff;}
    /* con6 */
    
    /*con8*/
    #contents8 .section_top {height:auto; padding:124px 0 45px;}
    #contents8 .section_top::after {display:block; content:''; clear:both;}
    #contents8 .section_top .section_top_box {width:90%; height:auto; position:unset; -webkit-transform:translate(0,0);transform:translate(0,0); margin:0 auto; padding:20px; background-size:100% 100%;}
    #contents8 .section_top .section_top_icon {top:35px;}
    #contents8 .section_top .section_top_box .top_txt1 {font-size:16px; line-height:19px;}
    #contents8 .section_top .section_top_box .top_txt2 {font-size:19px; line-height:29px;}
    
    /* section2 */
    #contents8 .section_2 {padding-top:131px;}
    #contents8 .section_2 .section_2_tit {width:80%; padding:20px; height:auto;}
    #contents8 .section_2 .section_2_tit > p {font-size:17px; line-height:24px;}
    /* section2 */
    /* section3 */
    #contents8 .section_3 {padding-top:131px;}
    #contents8 .section_3 .section_3_tit {width:80%; padding:20px; height:auto;}
    #contents8 .section_3 .section_3_tit > p {font-size:17px; line-height:24px;}
    #contents8 .section_3 .section_3_btnbox > div {width:116px; height:63px; border-radius:10px; padding-top:8px; margin-right:10px;}
    #contents8 .section_3 .section_3_btnbox > div:last-child {margin-right:0px;}
    #contents8 .section_3 .section_3_btnbox > div > p > a {font-size:16px; line-height:20px;}
    /* section3 */
    #contents8 .section_4 {padding-top:131px;}
    #contents8 .section_4 .section_4_tit {width:80%; padding:20px; height:auto;}
    #contents8 .section_4 .section_4_tit > p {font-size:17px; line-height:24px;}
    #contents8 .section_4 .section_4_footer > a {width:100%; margin-right:0; margin-bottom:20px;}
    #contents8 .section_4 .section_4_footer > a.share_hidden {width:100%; margin-right:0; margin-bottom:20px;}
    #contents8 .section_4 .section_4_footer > a .txt1 {font-size:26px; line-height:87px;}
    /*con8*/
    
}
@media screen and (max-width:600px){
    #contents8 .selected_coffee {background:url(../img/guide_0715/d-5.png) 0 0 no-repeat; background-size:cover;}
    #contents8 .selected_pocket {background:url(../img/guide_0715/d-3.png) 0 0 no-repeat; background-size:cover;}
    #contents8 .selected_rent {background:url(../img/guide_0715/d2943a31a44e0284ba539d6b6ee42aa2.png) 0 0 no-repeat; background-size:cover;}
}
@media screen and (max-width:414px) {
    
    /* con1 */
    #contents1 {padding:41px 30px 26px;}
    #contents1 .con1_wrap .con1_left {width:100%;}
    #contents1 .con1_wrap .con1_left .laptop_txt {width:100%; height:100%; top:15%;}
    /* con1 */
    
    #contents8 .section_3 .section_3_btnbox > div {margin-right:5px;}
    #contents8 .section_3 .section_3_btnbox > div:last-child {margin-right:0px;}
}

@media screen and (max-width:370px) {
    #contents8 .section_3 .section_3_btnbox > div {width:100px;}   
}

@media screen and (max-width:350px) {
    .con_q > .con_right {padding:106px 20px 61px;}
    .con_q > .con_right .question_answer .question_wrap > label {width:100%;}
    
    #contents1 {padding:41px 16px 26px;}
    
    #contents5 .con_right .question_answer .question_wrap > label {font-size:15px;}
    
    #contents6 .con_right .question_answer .question_wrap > label {width:100%;}
    
    #contents8 .section_4 .section_4_footer > a .txt1 {font-size:27px; line-height:87px;}
}