/* 2019-07-13 - start */

.cont01_right { float:left; padding: 0px 5%; }

.img_left {float:left; width:50%; text-align:center; padding: 0px 5%;}
.img_right {float:left; width:50%; text-align:center; margin: 5% 0px 0px 0px; padding: 0px 4% 0px 4%;}

.img_left img { width: 220%; }
.img_right img { width: 220%; }

.cont_right { float: left; margin: 85px 16% 0px 0px; padding: 0px 0% 0px 5%; }

.cont_left { float:left; margin: 0px 11.8% 0px 0px; padding: 0px 0px 0px 5%; display: none; }
.cont_left_to_right { float:left; margin: 85px 11.8% 0px 0px; padding: 0px 0px 0px 5%; display: block; }

.main_cont09_wrap .main_cont09 ul li{list-style: none;float: left;background: #f9f9f9;border-radius: 10px;text-align: center;
    width: 100.5%;margin-right: 2%;padding: 75px 0;margin-bottom: 2%; }
.cont12_list ul li {list-style: none; float:left; background:#f9f9f9; border-radius:10px; text-align:center; width:100%;
    margin-right:2%;padding-top:50px; height:350px; margin-top: 10px; }

.main_cont13 .cont13_left {float:left; padding: 0px 0px 0px 3%;}
.main_cont13 .cont13_right {float: left;margin-top: 25px;padding: 0px 0px 0px 3%;}
.main_cont13 .cont13_left .cont13_tit {font-size: 40px;line-height: 1em;margin-bottom: 25px;}
.main_cont13 .cont13_right .cont13_right_btn1 a {color: #fff;font-size: 18px;padding: 15px 45px;display: block;text-decoration: none;}

.foot_left {float: left;margin-top: 45px;margin-bottom: 45px;text-align: left;padding: 0px 0px 0px 2%;width: 60%;}
.foot_right {float: left;background: #2c2b26;padding: 50px 70px 50px 70px;text-align: center;font-size: 13px;letter-spacing: -1px;margin: 0px 0px 0px 10%;}
.foot_right {float: left;background: #2c2b26;padding: 50px 70px 50px 70px;text-align: center;font-size: 13px;letter-spacing: -1px;margin: 0px 0px 0px 0%;width: 62%;}
.main_cont10_wrap { background:url(/file/img/new_main_v2/main_cont6_bg.png) center top repeat;}

.foot1140 {width: 160%;margin: auto;position: relative;}
.txt_style62 {font-size: 40px;color: #393731;line-height: 1.1em;margin-top: 0;}
.txt_style55_white  { font-size: 32px; color: #fff; line-height: 1.3em; margin-top: 0; }
.main_cont01_btn a { color: #fed100; font-size: 20px; text-decoration: none; display: block; padding: 3% 0% 3% 0%; text-align: center; }

.txt_style55 {font-size: 25px;color: #393731;line-height: 1.2em;margin-top: 0;}
.txt_style65 {font-size: 40px;color: #393731;line-height: 1.2em;}

.main_brush_bg {position: absolute;top: 0px;left: 0;background: none;width: 0%;max-height: 0px;height: 0px;}

.cont01_left {width: 100%;text-align: center;margin: 0px 0px 30px 0px;float: left;}
.cont01_left img {width: 70%;}

.pop-layer-1 .btn-r {  width: 100%; text-align: right;}
.pop-layer-1 img { width: 100%; }
.pop-layer-1 {  display: none;  position: absolute;  top: 90px !important;  left: 10px !important;  width: 300px;  height: 300px;  background-color: #fff; z-index: 20;}

.pop-layer-2 .btn-r {  width: 100%; text-align: right;}
.pop-layer-2 {  display: none;  position: absolute;  top: 90px !important;  left: 10px !important;  width: 300px;  height: 300px;  background-color: #fff; z-index: 10;}

.pop-conts img { width: 100%;}
.pop-container {background-color: #ffffff;width: 117%;}

.main_cont01_wrap {padding-top:120px; padding-bottom:187px;}
.main_cont13_wrap {background:url(/file/img/new_main_v2/m_main_cont10_bg.png) center center repeat-x; background-size: contain; padding:65px 0 44px 0;}

/* 2019-07-13 - end */

.help_main_content_right { float: right; padding: 26% 0% 0px 13%; }
.help_main_prolog h1 { font-size: 42px; font-family: 'Noto Sans KR', sans-serif !important; }
.help_main_preview_left { float: left; text-align: left; width: 100%; padding: 40px 0px 0px 71px; margin:0; }
.help_main_preview_right { float: right; text-align: left; width: 100%; padding: 0px 0px 10% 71px; }
.help_main_font_3 { float: right; width: 100%; }
.help_main_content_list li a {font-size:12px;}

.help_main_menu { width: 100%; text-align: center; margin: 5% 0% 7% 0%; padding: 0% 4%;}
.help_main_menu a { border: 1px solid #393731;line-height: 1em; font-size: 14px; padding: 10px 34px; border-radius: 10px; float: left; width: 100%; margin-top: 10px; }
.help_main_content { height: auto; margin: auto; position: relative; display: block; overflow: hidden; float: right; width: 100%; }
.help_main_content_list { list-style: none; margin: 7% 0px 0px 0px; }
.help_request_left { float: left; width: 100%; padding: 0% 3%; margin: 5% 0% 0% 0%; }
.help_request_right { float: right; width: 100%; text-align: center; margin: 5% 0% 0% 0%; }

.help_main_bg { background: url(/file/img/new_main_v2/help_main_bg.png) repeat; height: 400px; width: 100%; border-bottom: 5px solid #fed100; background-position: -25% 0%; }
.help_main_prolog h1 {font-size: 38px;font-family: 'Noto Sans KR', sans-serif !important;}
.help_main_prolog p {font-size: 15px;font-weight: 100;font-family: 'Noto Sans KR', sans-serif !important;}
.help_main_content_list li {border-top: 1px solid #e4e6e6;padding: 20px 6% 20px 6%;}
.help_main_content_list li.last {border-top: 1px solid #e4e6e6;border-bottom: 1px solid #e4e6e6;padding: 20px 6% 20px 6%;}
.help_request_head {font-size: 295x; margin-left: 6px;}
.help_request_tail {font-size: 12px;padding: 0px 2%;}
.help_request_btn  {background: #fff;text-align: center;border-radius: 5px;display: inline-block;margin-top: 17px;border: 1px solid #000;padding: 13px 41px; cursor:pointer; margin-bottom: 30px; }

/* 2019-07-25 - end */

.faq_main_content_left { text-align: center; float: left; margin-top: 115px; display: none; }
.faq_main_content_right { float: right; padding: 26% 13% 1% 16%;}
.faq_main_bg { background: url(/file/img/new_main_v2/faq_main_bg.png) repeat-x; height: 400px; width: 100%; border-bottom: 5px solid #393731; background-position: -11% 33%;}
.faq_box_btn_left {float: left;width: 100%;height: 95px;text-align: center;margin-top: 20px;background-color: #f9f9f9;color: #393731;font-family: "Noto Sans CJK KR" !important;}
.faq_box_btn_right { float: left; width: 100%; height: 95px; text-align: center; margin-top: 20px; background-color: #f9f9f9; color: #393731; font-family: "Noto Sans CJK KR" !important;}
.faq_box_btn_select { background-color: #393731; color: #ffffff; }
.faq_main_content { height: auto; margin: auto; position: relative; display: block; overflow: hidden; float: right; width: 100%; }
.faq_main_content_list li { border-top: 1px solid #e4e6e6; padding: 10% 0px 20% 0px; }
.faq_main_content_list li div.right_shift { float: right; font-size: 20px; font-weight: 500; padding: 0px 15px 0px 0px; width: 100%; text-align: right;}
.faq_main_content_list li span {color: #ff9915; font-size: 12px; margin-right: 16px;  }
.faq_main_content_list li a {font-size: 12px;}
.faq_main_content_list li div.right_shift span {font-size: 12px; font-weight: 100; font-family: "Noto Sans CJK KR" !important; color: #000; }
.faq_main_content_list li div.right_shift button {background-color: transparent; border: 1px solid #000000; border-radius: 5px; font-size: 12px; padding: 5px 10px;}

/* 2019-07-26 - end */

.price_main_content {height: auto; margin: auto; position: relative; display: block; overflow: hidden; float: none;}
.price_main_content_center { font-family: "Noto Sans CJK KR" !important; font-size: 26px; text-align: center; border-top-left-radius: 20px;
    border-top-right-radius: 20px; margin-right: 10px; width: 100%; padding: 0px 0px 0px 0px; margin-left: 5px;}

.price_detail_4 { padding-left: 30%; padding-bottom: 10%; }

.price_main_content_description_1 { background-color: #fdfdfd; padding-top: 41px; height: 430px; }
.price_main_content_description_2 { background-color: #f9f9f9; padding-top: 41px; height: 430px; }
.price_main_content_right { float: right; padding: 0% 0% 0px 0px; width: 100%; padding-top: 28%; padding-left: 10%; }
.price_infomation {font-size: 12px; font-weight: 100; font-family: "Noto Sans CJK KR" !important; text-align: center; margin-top: 40px; margin-bottom: 100px; }

/* 2019-07-29 - end */

.member_remove_confirm_popup { position: fixed; width: 94%; left: 23%; margin-left: -20%; height: 502px; top: 44%;
    margin-top: -150px; overflow: auto; border: 1px solid #000; background-color: #ffffff; padding: 1em; box-sizing: border-box;
    z-index: 999;}

/* 2019-08-06 - end */



#theme-logo-section{padding: 21% 0% 0% 0%;}

.question_text{ font-size: 44px }
.main_right_row { margin-bottom: -26px; text-align: center; }
.main_right_row_1 { text-align: center; }
.main_float_right{ float: left; width: 100%; }
.mysite_left { text-align: center;}
.mysite_right { text-align: center;}
.main_right_box_block{ padding: 0px 0px 0px 2%}
.main_right_box {font-size: 30px; font-weight: 300;}
.color_section_img { width: 100%; }
.cs_center { padding: 3% 0px 3% 0px; text-align: center; margin: 2% 0px 0px 0px; }
.cs_center_top { padding: 2% 2% 2% 8%; }

.cs_center_responsive { margin: 0px 5px 0px 0px;}
.orange_section_btn_left{ text-align: center; }
.orange_section_btn_right{ text-align: center; }
.orange_section_subject{ text-align: center; padding-left: 0%; }
.orange_section_description{ text-align: center; padding-right: 9%; }
.gray_box_list{background-color: #F7F7F7; margin: 0px 10px 10px 10px; padding: 25px 0px 25px 0px;}
.right_text_hide { display: block; }
.left_text_hide{ display: none; }
.new_main_logo{ background: url(/file/img/new_main_v1/main_bg_brush.png) center no-repeat; background-position: left top;
    padding: 0px 0px 0px 0%; width: 100%;}
.section_text_align_left { text-align: left; padding: 2% 0px 0px 13%;}
.responsive_logo { background: url(/file/img/new_main_v1/main_bg_brush.png) center no-repeat; background-position: left top;
    padding: 0px 0px 0px 0%; width: 100%;}
.btn_black_yellow {
    background-image: linear-gradient(to bottom, #FDCA08 0%, #FDCA08 100%);
    background-repeat: repeat-x;
    border-color: #FDCA08;
    color: #FDCA08;
    padding: 15px;
    margin: 5px 0px 0px 0px;
    font-size: 20px;
    font-weight: 100;
    color: #ffffff;
    width: 100%;
}

@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 400;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}

@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 700;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}

@font-face {
    font-family: 'NanumBarunGothic';
    font-style: normal;
    font-weight: 300;
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
    src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}

.nanumbarungothic * {
    font-family: 'NanumBarunGothic', sans-serif;
}


.isweb-menu-root { display: none; }
#mobile-nav-section { display: block; }
#isweb-side-close-btn { display: block; }

.navbar-brand > img { width: 100px;  }


#body-section .main_box_1:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    width: 829px;
    height: 372px;
    background: url(/file/img/new_main_v1/main_1.png) center no-repeat;
    background-size: contain;
}


header.main section#body-section:after { width: 250px; height: 189px; margin-left: -125px; bottom: -108px; }

#popup { position: absolute; top: 15px; left: 15px; right: 15px; z-index: -2; visibility: hidden }
#popup section { background: #fff; box-shadow: 0 50px 100px rgba(50,50,93,.1), 0 15px 35px rgba(50,50,93,.15), 0 5px 15px rgba(0,0,0,.1); border-radius: 4px; overflow: hidden; font-size: 17px; line-height: 50px; transform: scale(.95); transform-origin: 100% 0; opacity: 0; will-change: transform,opacity; transition-property: transform,opacity; transition-duration: .25s; }
#popup.open { z-index: 5; visibility: visible; }
#popup.open section { opacity: 1; transform: none; }
#popup section .menu-box { padding: 10px 0; }
#popup section .menu-box .price-link { color: #1D976C; }
#popup section .menu-box .theme-link { color: #5B86E5; }
#popup section .menu-box .design-link { color: #EF629F; }
#popup section .menu-box .faq-link { color: #577997; }
#popup section .menu-box .notice-link { color: #ff2628; }
#popup section .menu-box .help-link { color: #5614B0; }


#popup section .member-link { background: #f6f9fc; padding: 12px 30px; font-weight: 700; display: block; color: #6772e5;  }
#popup section .member-link:after { content: '\279C'; margin-left: 8px; }


#popup .close-btn { position: absolute; right: 0; top: 0; width: 51px; height: 51px; font-size: 0; cursor: pointer; display: block; }
#popup .close-btn:before, #popup .close-btn:after  { content: ''; position: absolute; background: #6772e5; border-radius: 1px; left: 14px; right: 14px; top: 24px; height: 3px; transform: rotate(45deg); transition: background .1s; }
#popup .close-btn:after { transform: rotate(-45deg); }
#popup ul { padding: 0; }
#popup ul li {  }
#popup ul li a { padding: 0 30px; display: block; font-size: 20px; }



header section#body-section { height: 430px; }
header section#body-section h1 { font-size: 28px; margin: 20px 0 15px; }
.jumbotron p { font-size: 15px; }
header.main section#body-section a { font-size: 13px; }

#app-section { display: none; }
#advantage-section .col-sm-4 { margin-bottom: 35px; }

section#start-section h2 { font-size: 22px; text-align: center; }
section#start-section h2 img { display: block; float: none; margin: 0 auto 15px; width: 44px; }
section#start-section p { font-size: 16px;  }
section#start-section .adv-box .row { margin-bottom: 0 !important;  }
section#start-section .adv-box span { margin-bottom: 32px; }

#request-section h2 { font-size: 24px; }
#request-section p { font-size: 14px; }


/* header */
header.theme section#body-section h1 { font-size: 28px; }
header.theme section#body-section .body-text { margin: 0 auto; font-size: 16px; }

header.design section#body-section h1 { font-size: 28px; }
header.design section#body-section .body-text { font-size: 16px; margin: 0 0 36px; }
header.design section#body-section .dx .dxl h3 { font-size: 18px; }
header.design section#body-section .dx .dxl p { font-size: 14px; }


header.notice section#body-section h1 { font-size: 28px; }
header.notice section#body-section .body-text { font-size: 16px; margin: 0 0 96px; }

header.help section#body-section h1 { font-size: 28px; }
header.help section#body-section .body-text { font-size: 16px; margin: 0 0 96px; }


header.faq section#body-section h1 { font-size: 28px; }
header.faq section#body-section .body-text { font-size: 16px; margin: 0 0 96px; }


#design-request-section { padding: 60px 0; }
#design-request-section h2 { font-size: 24px;  }


#faq-section { padding: 40px 0; }
#faq-section ._c { margin-bottom: 35px;  }

#faq-main-section h2 { font-size: 24px; margin: 0 0 17px; }
#faq-main-section p { font-size: 16px; margin: 0 0 32px; }
#faq-main-section .faq-main-article { min-height: auto; }

header.main #skew span:nth-child(1) { width: 100%; left: 0; height: 70px; }
header.main #skew span:nth-child(2) { width: 80%; background: linear-gradient(50grad,rgba(245,245,255,.8),#ffed68 20%,rgba(255,255,255,0)); height: 70px; bottom: 0px; }
header.main #skew span:nth-child(3) { width: 70%; right: -36.66666%; background: linear-gradient(100grad,rgba(255,255,255,0),#b3f42a 70%,rgba(255,255,255,.35)); height: 70px; bottom: 70px; }

header.price #skew span:nth-child(1) { width: 100%; left: 0; height: 70px; top: 0px; }
header.price #skew span:nth-child(2) { width: 60%; left: -16.66666%; background: linear-gradient(70grad,rgba(49,255,182,.3) ,#1a8761 10%,rgba(255,255,255,0) 80%); height: 70px; bottom: 0px; }
header.price #skew span:nth-child(3) { display: none;}



#design-intro-section img { float: none; margin: 0 auto 21px; display: block; }
#design-intro-section p { text-align: center; }


#link-section .article { display: block; width: auto; border-bottom: 1px solid #f6f9fc; }
#link-section .article:last-child { border-bottom: 0; }
#link-section .article .item { padding: 45px 0;}


#members-payment-section h3 span { display: block; }
#members-payment-section ._pl .table { text-align: left;  }
#members-payment-section ._pl .table a { display: block; }
#members-payment-section ._pl .table p { margin-top: 5px; }
#members-payment-section ._pl .table p span { display: inline-block; padding-right: 12px; color: #8898aa; }


#mysite-list-section .table { text-align: left; }
#mysite-list-section .table p span { display: inline-block; padding-right: 9px; }
#mysite-list-section .btn-yellow { display: block; float: none !important; width: 100%; }

#help-section .btn-link { padding: 4px 6px; font-size: 13px; }


#request-section { padding: 90px 0 44px; text-align: center; }
#request-section .phone:before { width: 280px; height: 183px; margin-left: -140px; left: 50%; top: -190px; }
section#start-section { padding: 150px 0 140px; }
section#advantage-section { padding: 40px 0; }


footer #footer-section { padding-top: 10px; }
footer #footer-section .info { padding-bottom: 10px; }


#payment-fail { font-size: 17px;}


#notice-section { padding: 40px 0; }
#notice-section ._ntr .list ._itm a { font-size: 16px; }
#notice-section ._cr p { line-height: 1.6em; font-size: 14px; }

#root-container .login, #root-container .join { margin-top: 80px; margin-bottom: 80px;  }

footer #footer-section .bottom .alli img { height: 26px; padding: 0 7px 5px; }
footer #footer-section .bottom .text-div span { padding-right: 8px; font-size: 13px; }


#mysite-list-section h3 small  { margin-bottom: 15px; }
#mysite-list-section h3 small, #members-payment-section h3 small { display: block; font-size: 16px; margin-top: 5px; line-height: 1.5;  }

#ready-section { }
#ready-section .ribx p { font-size: 24px; }
#ready-section .risbx span { font-size: 16px; }