/* 2019-07-13 - start 
  
>> History <<
2022-01-18 - modify: 26 line  .header_navi_menu a { padding: 70px -> 50px }
2022-01-19 - add : 34 line  .isweb-menu-root

*/

@import url('https://fonts.googleapis.com/css2?family=Jua&display=swap');
@import url("https://cdn.jsdelivr.net/gh/moonspam/NanumBarunGothic@1.0/nanumbarungothicsubset.css");
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);


body {font-family: 'Jua','sans-serif' !important; width:100%; margin:auto; padding:0; text-decoration:none; position:relative; line-height:1.2em;}
ul {padding:0; }

/*header css*/
.header_wrap {width:100%; background:#f7f7f7; z-index:999; margin:auto; position:fixed; top:0; left:0; padding:20px 0; text-align:center; font-family: 'Noto Sans CJK KR', sans-serif;}
.header_wrap .header_logo {position:absolute; top:20px; left:30px;}
.header_navi {text-align:center; margin:auto;}
.header_navi ul {display:inline-block; position:relative; margin:6px 0; padding:0;}
.header_navi ul .header_navi_menu {float:left; list-style: none;}
.header_navi ul .header_navi_menu a {font-size:18px; display:block; padding:5px 50px; }
.header_login_wrap {position:absolute; top:20px; right:30px; }
.login_btn_wrap{position:relative;}
.login_btn_wrap .login_btn {float:left; border:1px #333 solid; margin-right:5px; border-radius:4px;}
.login_btn_wrap .login_btn a {padding:15px 23px; display:block; color:#393731; font-size:13px; text-decoration:none; }
.login_btn_wrap .start_btn {float:left; border:1px #fed100 solid; background:#fed100; border-radius:4px;}
.login_btn_wrap .start_btn a {padding:15px 16px; display:block; color:#393731; font-size:13px; text-decoration:none;}
main_wrap section{font-family: 'Noto Sans KR', sans-serif !important; font-weight:300; letter-spacing:-0.5px;}
.isweb-menu-root ul .header_navi_menu a:hover { color: #F1C41F; transition: 0.4s; }
.isweb-menu-root ul .header_navi_menu a {font-size: 18px !important; display: block; padding: 25px 35px; font-weight: 500 !important; }
/*공통 css*/
.main_cont1140 {max-width:1140px; height:auto; margin:auto; position:relative; display:block; overflow:hidden;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb80 {margin-bottom:80px;}
.mt85 {margin-top:85px;}
.back_gray {background:#f7f7f7;}
.txt_style62 {font-size:50px; color:#393731; line-height:1.1em; margin-top:0; letter-spacing: 0.1rem;}
.txt_style55 {font-size:40px; color:#393731; line-height:5.5rem; margin-top:0; letter-spacing: 0.1rem;}
.txt_style55_white {font-size:50px; color:#fff; line-height:1.3em; margin-top:0; font-weight: 400;}
.txt_style20 {font-size:20px; font-weight:300; color:#393731; line-height:1.3em; letter-spacing: 0.1rem;}
.txt_style18 {font-size:20px; font-weight:300; color:#393731; line-height:1.5em;}
.txt_style65 {font-size:50px; color:#393731; line-height:1.1em;}
.text_strong {font-weight:600; }
.cont_tit_icon {margin-bottom:40px; }
.font_orange {color:#ff7a04; font-weight:500;}
.img_left {float:left; width:50%; text-align:center;}
.cont_right {float:right; margin: 85px 11.8% 0px 0px;}
.img_right {float:right; width:50%; text-align:center;}
.cont_left {float:left; margin: 0px 11.8% 0px 0px; display: block;}
.cont_left_to_right{float:left; margin: 0px 11.8% 0px 0px; display: none;}


/*cont css*/
.main_brush_bg {position:absolute; top:300px; left:0; background:url(/file/img/new_main_v2/main_bg.png) top left no-repeat;width:30%; max-height:132px; height:132px;}
.main_cont01_wrap {padding-top:250px; padding-bottom:187px;}
.main_cont01_btn { background:#393731; border-radius:4px;}
.main_cont01_btn a {color:#fed100; font-size:25px; text-decoration:none; display:block; padding:22px 106px; text-align:center;  }
.cont01_left {width:631px; text-align:center; margin:0;float:left; }
.cont01_right {float:right;}
.main_cont01_btn:hover {background: #22211e;}

.main_cont02_wrap {background:url(/file/img/new_main_v2/main_cont1_tail.png) center bottom no-repeat;  padding-bottom:35px; }
.main_cont02 {width:100%; text-align:center; padding-top:50px; padding-bottom:70px; background:#fed100 center top repeat;}

.main_cont03 {width:100%; text-align:center; padding-top:57px; padding-bottom:90px;}

.main_cont04_wrap, .main_cont05_wrap,.main_cont06_wrap, .main_cont07_wrap {overflow:hidden; padding-top:100px; padding-bottom:50px;}

.cont07_btn {background:#fed100; text-align:center; border-radius:4px;display:inline-block; }
.cont07_btn a {padding:15px 40px; font-size:20px; color:#393731; text-decoration:none;display:block; }
.cont07_btn:hover {background: #fff; border:1px solid #fed100;}

.main_cont08_wrap {background:url(/file/img/new_main_v2/main_cont8_tail.png) center bottom no-repeat;  padding-bottom:35px; }
.main_cont08 {width:100%; text-align:center; padding-top:90px; padding-bottom:115px; background:#393731 center top repeat;}

.main_cont09_wrap {padding-top:40px; padding-bottom:70px;}
.main_cont09_wrap .main_cont09 ul {padding:0;}
.main_cont09_wrap .main_cont09 ul li { list-style: none; float:left; background:#f9f9f9; border-radius:10px; text-align:center; width:23.5%;margin-right:2%; padding:75px 0; margin-bottom:2%;}
.main_cont09_wrap .main_cont09 ul li:nth-child(4n-4) {margin-right:0;}
.main_cont09_wrap .main_cont09 ul li .cont09_list_img {margin-bottom:40px; }
.main_cont09_wrap .main_cont09 ul li .cont09_list_text1 {font-size:20px;  font-weight:600; margin-bottom:14px; }
.main_cont09_wrap .main_cont09 ul li .cont09_list_text2 {font-size:16px; line-height:1.4em;}
/* .main_cont09_wrap .main_cont09 ul li:hover img{width:150px; height: 150px; transition: 0.2;} */

.main_cont10_wrap {background:url(/file/img/new_main_v2/main_cont6_bg.png) center top repeat-x;}
.main_cont10 {text-align:center; padding-top:60px; padding-bottom:50px;  }
.cont10_btn_wrap {}
.cont10_btn_wrap a {padding:15px 60px; display:block; text-decoration:none;}
.cont10_btn_wrap .cont10_btn1 {background:#393731; display:inline-block; margin:0 3px; border-radius:4px; }
.cont10_btn_wrap .cont10_btn1 a {color:#fed100; }
.cont10_btn_wrap .cont10_btn2 {background:#fff; display:inline-block; margin:0 3px;border-radius:4px;  }
.cont10_btn_wrap .cont10_btn2 a {color:#393731; font-size:15px; }
.cont10_btn_wrap .cont10_btn1:hover {background: #22211e;}
.cont11_btn_wrap .cont11_btn1:hover {background: #22211e;}
.cont11_btn_wrap .cont11_btn2:hover {background: #fff; border:1px solid #fed100;}

.main_cont_portpolio_wrap {text-align:center;padding-top:90px;padding-bottom:90px;
    padding: 0px;}
.main_cont_portpolio {}
.main_cont_portpolio .port_cont {position:relative; margin:0 70px; }
.main_cont_portpolio .port_slide_arrow_wrap {}
.main_cont_portpolio .port_slide_arrow_wrap .slide_arr_l {position:absolute; left:0;top:50%; }
.main_cont_portpolio .port_slide_arrow_wrap .slide_arr_r {position:absolute; right:0;top:50%; }
.main_cont_portpolio .port_cont ul {position:relative;}
.main_cont_portpolio .port_cont ul li {list-style:none; float:left; width:300px; height:196px; margin:15px; border:1px #ddd solid; border-radius:10px; overflow:hidden;}
.main_cont_portpolio .port_cont ul li a {display:block;}

.main_cont11_wrap {padding-top:90px;padding-bottom:72px;}
.main_cont11 {text-align:center; }
.main_cont11_wrap .cont11_qna {margin-bottom:50px;}
.main_cont11_wrap .cont11_qna .cont11_qna_tit {font-size:18px; font-weight:500; padding:10px 35px 25px 35px; margin-bottom:30px;}
.main_cont11_wrap .cont11_qna ul li {list-style: none; margin-bottom:50px;}
.main_cont11_wrap .cont11_qna ul li.cont11_qna1 .cont11_qna_tit {background:url(/file/img/new_main_v2/qna_tit_bg1.png)center center no-repeat;}
.main_cont11_wrap .cont11_qna ul li.cont11_qna2 .cont11_qna_tit {background:url(/file/img/new_main_v2/qna_tit_bg2.png)center center no-repeat;}
.main_cont11_wrap .cont11_qna ul li.cont11_qna3 .cont11_qna_tit {background:url(/file/img/new_main_v2/qna_tit_bg3.png)center center no-repeat;}
.main_cont11_wrap .cont11_qna ul li.cont11_qna4 .cont11_qna_tit {background:url(/file/img/new_main_v2/qna_tit_bg4.png)center center no-repeat;}
.main_cont11_wrap .cont11_qna ul li .cont11_qna_txt {font-size:16px; line-height:1.5em; margin-top:30px; margin-bottom:0;}
.cont11_btn_wrap {}
.cont11_btn_wrap a {padding:15px 60px; display:block; text-decoration:none;}
.cont11_btn_wrap .cont11_btn1 {background:#393731; display:inline-block; margin:0 3px; border-radius:4px; }
.cont11_btn_wrap .cont11_btn1 a {color:#fed100; font-size: 16px !important; }
.cont11_btn_wrap .cont11_btn2 {background:#fed100; display:inline-block; margin:0 3px;border-radius:4px;  }
.cont11_btn_wrap .cont11_btn2 a {color:#393731; font-size: 15px; }
.cont11_btn_txt {font-size:14px; margin-top:20px;}

.main_cont12_wrap {padding-top:90px;padding-bottom:90px; text-align:center; }
.cont12_list {margin-bottom:70px;}
.cont12_list ul {overflow:hidden;}
.cont12_list ul li {list-style: none; float:left; background:#f9f9f9; border-radius:10px; text-align:center; width:23.5%;margin-right:2%; padding-top:50px; height:350px; }
.cont12_list ul li:nth-child(4n-4) {margin-right:0;}
.cont12_list ul li .cont12_list_txt1 {font-size:18px; font-weight:600; margin-bottom:20px; line-height:1.5em;}
.cont12_list ul li .cont12_list_txt2 {font-size:15px; font-weight:300; line-height:1.5em; padding:0 30px; }
.cont12_btn {background:#393731; display:inline-block; margin:0 3px; border-radius:4px;}
.cont12_btn a {color:#fed100; padding:15px 60px; display:block; text-decoration:none; font-size: 15px;}
.cont12_btn:hover {background: #22211e;}

.main_cont13_wrap {background:url(/file/img/new_main_v2/main_cont10_bg.png) center center repeat-x; padding:65px 0 44px 0;}
.main_cont13 {position:relative; }
.main_cont13 .cont13_left {float:left;}
.main_cont13 .cont13_left  .cont13_tit {font-size:45px; line-height:1em; margin-bottom:25px; }
.main_cont13 .cont13_left  .cont13_txt {font-size:18px; line-height:1.5em;}
.main_cont13 .cont13_right {float:right;margin-top:25px; }
.main_cont13 .cont13_right .cont13_right_btn1 {background:#ff9204; display:inline-block; margin:0 3px; border-radius:4px;}
.main_cont13 .cont13_right .cont13_right_btn1 a {color:#fff; font-size:18px; padding:15px 60px; display:block; text-decoration:none;}
.main_cont13 .cont13_right .cont13_right_btn2 {background:#393731; display:inline-block; margin:0 3px; border-radius:4px;}
.main_cont13 .cont13_right .cont13_right_btn2 a {color:#fff; font-size:18px; padding:15px 43px; display:block; text-decoration:none;}


/*footer css*/
#footer_wrap {background:#393731; overflow:hidden;}
.foot1140 {width:1140px; margin:auto; position:relative;}
.foot_left {float:left; margin-top:45px; margin-bottom:45px; text-align:left;}
.foot_logo {margin-bottom:15px; filter: grayscale(1);}
.foot_left .foot_info1 {font-size:15px; color:#999999;float:left; line-height:1.5em; margin-right:25px; letter-spacing:-1px; }
.foot_left .foot_info1 span.foot_info1_left {float:left; margin-right:60px; }
.foot_left .foot_info1 .foot_kcp {font-size:15px; color:#666666;letter-spacing:-1.7px; margin-top:15px;}
.foot_left .foot_info2 {font-size:14px; color:#666; float:left; line-height:1.5em; }
.foot_left .foot_info2 .foot_btn {margin-bottom:0;}
.foot_left .foot_info2 .foot_btn span {border:1px #666 solid; display:inline-block;}
.foot_left .foot_info2 .foot_btn span.foot_privacy a {padding:6px 12px; display:block; text-decoration:none; color:#666;}
.foot_left .foot_info2 .foot_btn span.foot_tos a {padding:6px 34px; display:block; text-decoration:none; color:#666;}
.foot_left .foot_info2 .foot_btn span:hover{border:1px #999 solid;}
.foot_left .foot_info2 .foot_btn span a:hover {color:#999;}
.foot_right{float:right; background:#2c2b26; padding:40px 30px 40px 30px; text-align:center; font-size:15px; letter-spacing:-1px;}
.cs_center_tit {font-size:14px; font-weight:500; color:#e1e1e1; display:block; margin-bottom:10px;}
.foot_right .cs_center_btn {border:1px #cccccc solid; border-radius:5px; display:inline-block; margin-bottom:10px; }
.foot_right .cs_center_btn a {color:#ccc; padding:9px 14px; display:block;}
.foot_right .cs_center_btn a:hover {color:#393731; padding:9px 14px; display:block; background:#ccc}
.foot_right .cs_center_info {color:#999999; line-height:1.5em; margin:0;}


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

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

a.btn-layerClose {  display: inline-block;  height: 25px;  padding: 0 14px 0;  font-size: 13px;  color: #000000;  line-height: 25px;}
a.btn-layerClose:hover { color: #000000;}

.navbar-brand > img { display: inline-block; width: 100px; }
.navbar-brand {left:150px !important; margin-left: 100px;}
/* 2019-07-13 - end*/

.theme_main_area { margin: auto; width: 100%; padding: 6% 0px 0px 0px; margin-bottom: 50px;}
.theme_main_bg { background: url(/file/img/new_main_v2/theme_main_bg.png) no-repeat; height: 300px; width: 100%; border-bottom: 5px solid #000000;}
.theme_main_content { height: auto; margin: auto; position: relative; display: block; overflow: hidden; float: right;}
.theme_main_content_box {max-width: 1140px;height: auto;margin: auto;position: relative;display: block;overflow: hidden;}
.theme_main_content_left {text-align: center;margin: 0;float: left;}
.theme_main_content_right {float: right; margin-right: 50px;}

.theme_main_font_1 { font-size: 20px; color: #393731; line-height: 1em; margin-top: 0; text-align: left; padding-left: 6px; font-weight: 500;}
.theme_main_font_1_1 { font-size: 40px; color: #393731; line-height: 1.2em; margin-top: 0; text-align: left; }
.theme_main_font_2 { font-size: 18px; font-family: "Jua"; color: rgb(57, 55, 49); line-height: 1em;
    margin-top: 0; text-align: left; padding-left: 6px; font-weight: 100;}
.font_2_mg { margin-top: 18px; margin-bottom: 5px; }

.theme_main_btn { background: #fed100; text-align: center; border-radius: 4px; display: inline-block; margin-top: 17px;}
.theme_main_btn a { padding: 12px 50px; font-size: 22px; color: #393731; text-decoration: none; display: block; font-weight: 100; }
.theme_main_btn:hover {background: #fff; border:1px solid #fed100; }

.theme_list {height: auto;margin: auto;position: relative;display: block;overflow: hidden;float: right; margin-top: 60px;}
.theme_list_box {max-width: 1200px;height: auto;margin: auto;position: relative;display: block;overflow: hidden;}
.theme_list_column {margin-bottom: 70px; cursor: pointer;}
.theme_list_column img {border-radius: 5px; box-shadow: 10px 5px 5px rgba(131, 131, 131, 0.466);}
.theme_list_box .site-btn {float: none; position: relative;}
.theme_list_box .row .theme_list_column .article button {display: none;}
.theme_list_box .row .theme_list_column .article:hover button {display: block; top:180px; position: absolute; z-index: 999; left:150px; width:100px;}
.theme_list_box .row .theme_list_column .article:hover img {filter:brightness(0.30); transition: 0.3s;}
.article img:hover {filter:brightness(0.30); transition: 0.3s;}






/* 2019-07-23 - end */


.help_main_area { margin: auto; width: 100%; }
.help_main_bg { background: url(/file/img/new_main_v2/help_main_bg.png) repeat-x;height: 400px;width: 100%;border-bottom: 5px solid #fed100;}
.help_main_content { height: auto; margin: auto; position: relative; display: block; overflow: hidden; _float: right;}
.help_main_content_box {max-width: 1140px;height: auto;margin: auto;position: relative;display: block;overflow: hidden; margin-top:50px;}
.help_main_content_left { text-align: center;margin: 0;float: left; }
.help_main_content_right { float: right; padding: 6% 17% 0px 0px; margin-right: -80px;}
.help_main_font_1 { font-size: 40px; margin-top:30px; }
.help_main_font_2 { font-size: 18px; font-weight: 100;}
.help_main_btn { background: #393731; text-align: center; border-radius: 4px; display: inline-block; margin-top: 17px;}
.help_main_btn a { padding: 12px 50px; font-size: 20px; color: #fed100; text-decoration: none; display: block; font-weight: 100; }
.help_main_btn:hover {background: #22211e;}
.help_main_content_box .clearfix {margin-bottom: 50px;}

.help_main_prolog { padding: 8% 0% 0% 0%; width: 100%; text-align: center; }
.help_main_prolog h1 { font-size: 45px; font-family: 'Jua', sans-serif !important; margin-top: 80px;}
.help_main_prolog p { color: #b3b3b3; font-size: 18px; margin: 0; line-height: 1.4; font-weight: 400; font-family: 'Jua', sans-serif !important;}

.help_main_preview { margin: 3.6% 0% 0% 0%;width: 100%;text-align: center;background-color: #f9f9f9;border-radius: 10px;
    overflow: hidden; }
.help_main_preview_left {float: left; text-align: left; width: 50%; padding: 40px 0px 40px 71px; margin-left:100px; }
.help_main_preview_right {float: right; text-align: left; width: 40%; padding: 40px 0px 40px 0px; margin-left:10px;}
.help_main_preview a:hover {text-decoration: underline;}

.help_main_preview_left ul li { margin: 10px 0px 0px 0px; font-size: 18px; font-family: 'Jua', sans-serif !important; }
.help_main_preview_right ul li { margin: 10px 0px 0px 0px; font-size: 18px; font-family: 'Jua', sans-serif !important; }

.help_main_menu_left { float: left; text-align: right; width: 50%; }
.help_main_menu_right { float: right; text-align: left; width: 50%; }

.help_main_menu { width: 100%; text-align: center; margin: 5% 0% 7% 0%;}
.help_main_menu a {border: 1px solid #393731; line-height:1em; font-size: 15px; padding: 10px 34px; border-radius: 5px; margin-left:10px;}
.help_main_menu a.active {border: 1px solid #fed100; background-color: #fed100; color: #393731; line-height:1em; font-size: 14px; padding: 10px 34px; border-radius: 5px;}
.help_main_menu a:hover {border: 1px solid #fed100; background-color: #fed100; color: #393731;}

.help_main_content_list { list-style: none }
.help_main_content_list li { border-top: 1px solid #e4e6e6; padding: 20px 0px 20px 10px; }
.help_main_content_list li.last { border-top: 1px solid #e4e6e6; border-bottom: 1px solid #e4e6e6; padding: 20px 0px 20px 10px; }
.help_main_content_list li img { padding-right: 20px; }
.help_main_content_list li a { font-size: 18px; }
.help_main_content_list li div.right_shift { float: right; font-size: 20px; font-weight: 500; padding: 0px 15px 0px 0px; }

.help_request_left { float: left; width: 60%; margin-top: 62px; margin-bottom: 80px;}
.help_request_right { float: right; width: 40%; text-align: right; margin-top: 70px;}
.help_request_head {font-size: 30px; font-weight: 600;}
.help_request_tail {font-size: 16px;}
.help_request_btn {background: #fff;text-align: center;border-radius: 5px;display: inline-block;margin-top: 17px;border: 1px solid #b3b3b3;padding: 13px 41px; cursor:pointer; }
.help_request_btn:hover {border:1px solid rgb(92, 91, 91);}

/* 2019-07-24 - end */

.faq_main_area { margin: auto; width: 100%; }
.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;}
.faq_main_content { height: auto; margin: auto; position: relative; display: block; overflow: hidden; _float: right;}
.faq_main_content_box {max-width: 1140px;height: auto;margin: auto;position: relative;display: block;overflow: hidden;}
.faq_main_content_left { text-align: center; float: left; margin-top: 115px; }
.faq_main_content_right { float: right; padding: 10% 10% 0px 0px; margin-right: 40px;}
.faq_top_margin {margin-top:130px;}
.faq_main_font_1 { font-size: 40px; margin-top:30px; }
.faq_main_font_2 { font-size: 20px; font-weight: 100;}
.faq_main_btn { background: #fed100; text-align: center; border-radius: 4px; display: inline-block; margin-top: 17px;}
.faq_main_btn a { padding: 12px 50px; font-size: 20px; color: #393731; text-decoration: none; display: block; font-weight: 100; }
.faq_main_btn:hover {background: #fff; border:1px solid #fed100; }


.faq_box_btn_left { float: left; width: 50%; height: 95px; text-align: center; cursor: pointer;
    margin-top: 85px; background-color: #f9f9f9; color: #393731; font-family: "Jua" !important;}
.faq_box_btn_right { float: right; width: 50%; height: 95px; text-align: center; cursor: pointer;
    margin-top: 85px; background-color: #f9f9f9; color: #393731; font-family: "Jua" !important;}
.faq_box_btn_select { background-color: #393731; color: #ffffff; }

.faq_box_head { font-size: 25px; margin-top:10px;}
.faq_box_tail {font-size: 16px;font-weight: 100;}
.faq_main_center_btn {width: 100%;text-align: center;float: left;margin-top: 60px;margin-bottom: 60px;padding: 10px 1px;}
.faq_main_center_btn a{border: 1px solid;border-radius: 5px;padding: 10px 25px; margin-left: 10px; font-size: 15px;}
.faq_main_center_btn .selected{ background-color: #fed100; color: #393731; border: 1px solid #fed100;}
.faq_main_center_btn a:hover { background-color: #fed100; color: #393731; border: 1px solid #fed100;}

.faq_main_content_list { list-style: none; margin-bottom: 40px; }
.faq_main_content_list li { border-top: 1px solid #e4e6e6; padding: 20px 0px 20px 10px; }
.faq_main_content_list li.last { border-top: 1px solid #e4e6e6; border-bottom: 1px solid #e4e6e6; padding: 20px 0px 20px 10px; }
.faq_main_content_list li img { padding-right: 20px; }
.faq_main_content_list li a { font-size: 18px; }
.faq_main_content_list li div.right_shift { float: right; font-size: 20px; font-weight: 500; padding: 0px 15px 0px 0px; }

.faq_main_content_list li a img { padding-left: 13px; }
.faq_main_content_list li span { color: #ff9915; font-size: 15px; margin-right: 16px;}
.faq_main_content_list li div.right_shift span { font-size: 16px; font-weight: 100; font-family: "Jua" !important; color: #000;}
.faq_main_content_list li div.right_shift button { background-color: transparent; border: 1px solid #000000; border-radius: 5px; font-size: 14px; padding: 6px 30px;}

.price_main_area {margin: auto;width: 100%;}
.price_top_margin {margin-bottom:130px;}
.price_main_bg {background: url(/file/img/new_main_v2/price_main_bg.png) repeat-x;height: 400px;width: 100%;border-bottom: 5px solid #fed100;}
.price_main_content {height: auto;margin: auto;position: relative;display: block;overflow: hidden;_float: right;}
.price_main_content_box {max-width: 1140px;height: auto;margin: auto;position: relative;display: block;overflow: hidden;}
.price_main_content_left {float: left;text-align: center;margin: 0;}
.price_main_content_right {float: right;padding: 8% 10% 0px 0px;width: 40%; margin-right: -100px;}
.price_main_font_1 {font-size: 40px; margin-top:30px;}
.price_main_font_2 {font-size: 18px;font-weight: 100;}
.price_main_font_2_2 {float: left;width: 100%;}
.price_main_btn {background: #393731;text-align: center;border-radius: 4px;display: inline-block;margin-top: 17px;}
.price_main_btn a {padding: 12px 50px;font-size: 20px;color: #fed100;text-decoration: none;display: block;font-weight: 100;}
.price_main_btn:hover {background: #22211e;}

.price_main_prolog { padding: 5% 0% 0% 0%; width: 100%; text-align: center; }
.price_main_prolog h1 { font-size: 45px; font-weight: 500; font-family: 'Jua', sans-serif !important; margin: 50px 0 25px;}
.price_main_prolog p { font-size: 18px; margin-bottom:100px; font-weight: 400; font-family: 'Jua', sans-serif !important; margin-bottom: 80px; color: #b3b3b3; line-height: 1.4;}

.price_left_snap_disable { padding-left: 10px; width: 100%; }
.price_content_head { padding: 20px 0px 20px 0px; overflow: hidden; font-weight: 600; }
.price_content_tail { padding: 10px 0px 10px 0px; overflow: hidden; font-size: 17px; cursor: pointer;}
.price_main_content_center { font-family: "Jua" !important; font-size: 25px; text-align: center; border-top-left-radius: 20px;
    border-top-right-radius: 20px; margin-right: 20px; width: 23%; padding: 0px 0px 0px 0px;}
.price_content_tail:hover a{font-weight: 600;}

.price_main_content_1 { background-color: #fff3bd; margin-bottom: 30px; }
.price_main_content_2 { background-color: #ffea89; margin-bottom: 30px; }
.price_main_content_3 { background-color: #ffde46; margin-bottom: 30px; }
.price_main_content_4 { background-color: #fed100; margin-bottom: 30px; }

.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_description_head{ padding-bottom: 14px; }

.price_detail_1 { font-size: 33px; font-family: "Jua" !important}
.price_detail_2 { font-size: 18px; font-weight: 100; font-family: "Jua" !important}
.price_detail_3 { font-size: 20px; font-weight: 500; font-family: "Jua" !important; margin-top: 44px; margin-bottom: 14px; text-decoration: underline;}
.price_detail_4 { padding-left: 22%; padding-bottom: 10%; }
.price_detail_4 p { width: 100%; text-align: left; font-size: 16px; font-weight: 100; font-family: "Jua" !important}

.price_infomation { font-size: 16px; font-weight: 100; font-family: "Jua" !important; text-align: center;
    margin-top: 40px; margin-bottom: 100px; }

/* 2019-07-25 - end */

.theme_main_padding { padding-left: 20px; padding-right: 20px;}
.img-responsive-proofs { width: 95%; height: 300px !important; margin:0 auto;}

/* 2019-07-30 - end */

.member_remove { max-width: 400px; height: auto; margin: auto; position: relative; display: block; overflow: hidden; }
.member_remove span { float: right; cursor: pointer; color: #777; font-size: 15px; }
.member_remove_confirm_popup { position: fixed;width: 30%; left: 56%; margin-left: -20%;height: 460px;top: 35%;margin-top: -150px;
    overflow: auto;border: 1px solid #000;background-color: #ffffff;padding: 1em;box-sizing: border-box;z-index: 999;}
.member_remove_confirm_hidden { display: none; }
.btn-gray { color: #fff; background-color: #222; border-color: #404040;}
.btn-gray:hover { color: #ffffff;}


.member_remove_confirm_aggre { border: 1px solid #dddddd; }
.member_remove_confirm_aggre_pass { border: 1px solid #dddddd; }
.member_remove_confirm_aggre_pass_confirm { border: 1px solid #dddddd; }

._prg ._prg_b ._prg_c h3 {margin-left: 10px; text-align: center;}
.btn .btn-sm .btn-black .pull-right {margin-left: 30px;}



/* 2019-07-30 - end */

@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;
}

/*@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');*/
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700');*/

body {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin:0;padding:0; font-family: Noto Sans, sans-serif;
font-size:14px; font-weight:400; line-height: 1.625; color: #404040; letter-spacing: -.025em; word-break: keep-all; word-wrap: break-word; }

.navbar-fixed-top { transition: all 0.4s; background: #ffffff; Position: fixed; height: 80px; }
.navbar-fixed-top.bd { /*border-bottom: 1px solid #dddddd;*/ }
.navbar-fixed-top.wbg { background: #fff; }
.navbar-fixed-top.color-nav  { background: #ffe000; }
.navbar-nav > li { display: inline-block; margin-right: 10px; }
.navbar-nav > li > a { font-weight: 500; font-size: 19px; padding: 11px 23px; margin: 10px 5px 0px 0px;}
.navbar-nav > li > a.fa { font-weight: 400; font-size: 16px;  }

.black .navbar-nav > li > a { color: #444; }

.btn-iswebnew-yellow { background-image: linear-gradient(to bottom, #FDCA08 0%, #FDCA08 100%); background-repeat: repeat-x; border-color: #FDCA08; }

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

.isweb-menu-root { position: relative;  text-align: center; height: 62px; }
.isweb-menu-root .navbar-menu { display: inline-block; float: none;   }
.isweb-menu-root .secondary { position: absolute; top: 0; right: 130px; margin-top:8px; }

#isweb-side-btn { float: right; margin: 20px 15px 0 0; width: 30px; height: 30px; text-align: center; cursor: pointer;  }
#isweb-side-btn span { display: block; margin-bottom: 6px; width: 100%; height: 4px; background: #444; border-radius: 2px; }
nav.wbg #isweb-side-btn span { background: #ffe000; }
.black #isweb-side-btn span { background: #444; }
#isweb-side-btn span:last-child { margin: 0; }

#mobile-nav-section { display: none; }

#sub-header-section { height: 52px; line-height: 52px; text-align: center; border-bottom: 1px solid #ddd; }
#sub-header-section a { display: inline-block; font-size: 16px; color: #848484; padding: 0 13px; }
#sub-header-section a.active, #sub-header-section a:hover { color: #000 }


.navbar-brand { position: absolute; top: 0; left: 15px; line-height: 62px; z-index: 1;}
#root-container { overflow: hidden; }

/* header */
header { position: relative; }
header .jumbotron { padding: 0 !important;}
header section#body-section { padding-top: 62px; height: 750px; transition: height 0.3s;  text-align: center; position: relative;  }

header.main { }
header section#body-section h1 { margin: 84px 0 14px; font-size: 45px; font-weight: 500; word-wrap: break-word !important;
    word-break: keep-all !important; line-height: 1.625; letter-spacing: -.025em; }
header section#body-section .body-text { word-break: keep-all; word-wrap: break-word; margin:0 auto 28px; font-weight: 500; line-height: 1.625; letter-spacing: -.025em; }

/* main header */
header.main section#body-section { background: #F5F5F5;  }
header.main section#body-section:after { content: ''; width: 651px; height: 479px; position: absolute; bottom: -218px; left: 50%; margin-left: -325px; background-size: contain; }
header.main section#body-section .body-text { font-size: 20px; }
header.main section#body-section a { font-size: 15px; transition: all 0.3s; padding: .7em 2.2em; font-weight: 500; }
header.main section#body-section a._j { padding: 16px 43px; font-size: 16px; line-height: 1; }
header.main section#body-section a._p {     color: #7795f8; border: 0; }
header.main section#body-section i { margin-left: 8px; }

/* theme header */
header.theme section#body-section { text-align: center; }

/* price header */
header.price section#body-section { height: 228px; }
header.price section#body-section .body-text { color: #b3b3b3; font-size: 18px; font-weight: 400; margin: 0 auto; line-height: 1.4; }
header.price section#body-section h1 { margin: 59px 0 16px; font-size: 35px; line-height: 1; }

/* design header */
header.design section#body-section { height: auto; background-image: linear-gradient(to right, #fbf4e3, #f5d7e7); padding-bottom: 100px; }
header.design section#body-section h1 { margin: 59px 0 16px; font-size: 35px; line-height: 1; color: #8f0039; }
header.design section#body-section .body-text { color: #8f0039; font-size: 18px; font-weight: 400; margin: 0 auto 59px; line-height: 1.4; }
header.design section#body-section .dx { text-align: left;  }
header.design section#body-section .dx .dxl { color: #8f0039; padding: 0 0 47px; }
header.design section#body-section .dx .dxl h3 { font-size: 20px; line-height: 1; margin: 0 0 20px; }
header.design section#body-section .dx .dxl p { font-size: 15px; line-height: 1.5; opacity: 0.8; }

/* payment header */
header.payment {  }
header.payment section#body-section { background: #ffd800; height: 62px; }

/* notice header */
header.notice section#body-section { height: auto; background: linear-gradient(150deg,#ff2628 40%, #F9D423 100%);  }
header.notice section#body-section .body-text { color: rgba(255, 255, 255, 0.85); font-weight: 400; font-size: 18px; margin: 0 auto 120px; line-height: 1.4; }
header.notice section#body-section h1 { margin: 59px 0 16px; line-height: 1; font-size: 35px; color: #fff; }

/* theme header */
header.theme section#body-section { height: auto; padding: 0px 0px 0px 0px; }
header.theme section#body-section .body-text { color: #b3b3b3; font-weight: 400; font-size: 18px; margin: 0; line-height: 1.4; font-family: "Jua"; margin-bottom: 50px;}
header.theme section#body-section h1 { margin: 80px 0 25px; line-height: 1; font-size: 45px; font-family: "Jua"; margin-top: 80px;}

/* faq header */
header.faq section#body-section { height: auto; background: linear-gradient(150deg,#2c3e50 , #bdc3c7 );  }
header.faq section#body-section .body-text { color: rgba(255, 255, 255, 0.85); font-weight: 400; font-size: 18px; margin: 0 auto 120px; line-height: 1.4; }
header.faq section#body-section h1 { margin: 59px 0 16px; line-height: 1; font-size: 35px; color: #fff; }

/* help header */
header.help section#body-section { height: auto; background: linear-gradient(to right bottom,rgba(41,8,48,.5),rgba(82,65,143,.5) 50%,rgba(114,183,227,.5));  }
header.help section#body-section .body-text { color: rgba(45, 11, 79, 0.85); font-weight: 400; font-size: 18px; margin: 0 auto 120px; line-height: 1.4; }
header.help section#body-section h1 { margin: 59px 0 16px; line-height: 1; font-size: 35px; color: #2d0b4f; }

#theme-box-section { padding: 50px 0 60px; border-bottom: 2px solid #f6f9fc;  }
#theme-box-section .empty { text-align: center; font-size: 24px; padding: 65px 15px; color: #5B86E5; line-height: 1.8em; word-break: keep-all; }
#theme-box-section .pagination { }
#theme-box-section .pagination .active a { background: #5B86E5;  }

#theme-box-section .article { cursor: pointer; overflow: hidden; }
#theme-box-section .article ._ib { position: relative; border-radius: 6px; overflow: hidden; border: 1px solid #ddd; }
#theme-box-section .article ._ib img { width: 100%; }

#theme-box-section .article ._prg h3 { font-size: 1px; margin: 12px 0 36px; position: relative; display: block;  overflow: hidden; font-weight: 400 }

#theme-box-section .phills-box { margin-bottom: 20px;  }
#theme-box-section .nav-pills > li { display: table-cell; width: 1%; }
#theme-box-section .nav-pills > li.active > a { padding: 12px 15px; line-height: 1; }
#theme-box-section .nav-pills > li.active > a { padding: 12px 15px; line-height: 1; }
#theme-box-section .nav-pills > li.active > a,
#notice-section .nav-pills > li.active > a:hover,
#notice-section .nav-pills > li.active > a:focus { background: #5B86E5; }



#view_modal {  }
#view_modal ._cpg { position: fixed; bottom: 13px; left: 0; width: 100%; text-align: center; color: #888; }
#view_modal .modal-backdrop { position: fixed; background: rgba(0, 0, 0, 0.8); opacity: 1;  }
#view_modal .view_close { border: 0; padding: 0; position: absolute; top: 0; right: 15px; color: #fff; font-size: 34px; opacity: 1; }
#view_modal .modal-dialog { height: 100%; margin: 0 auto; padding: 110px 0 50px; width: 85%; }
#view_modal .modal-content { background: none; box-shadow: none; border: 0; height: 100%; transition: width 0.7s; margin: 0 auto; width: 100%; }
#view_modal .modal-content .modal-body { height: 100%; padding: 0; font-size:13px; }
#view_modal .modal-footer { border: 0; padding: 0; position: absolute; top: 45px; right: 0; left: 0; text-align: center;  }
#view_modal .modal-footer span { color: #888; display: inline-block; padding: 6px 12px; cursor: pointer; font-size: 16px;  }
#view_modal .modal-footer span:hover { color: #fff; }
#view_modal .modal-footer .btn { font-size: 16px; padding: 8px 16px; position: absolute; top: 0; right: 0;}
#view_modal .modal-footer span .fa { display: inline-block; margin-right: 9px; font-size: 21px; }
#view_modal iframe { border: 0; width: 100%; height: 100%; }

#view_modal.desktop .modal-content { width: 100%; }
#view_modal.desktop .modal-footer span.desktop { color: #fff; }
#view_modal.tablet .modal-content { width: 800px; }
#view_modal.tablet .modal-footer span.tablet { color: #fff; }
#view_modal.mobile .modal-content { width: 380px; }
#view_modal.mobile .modal-footer span.mobile { color: #fff; }


#payment-section { padding: 100px 0; border-bottom: 2px solid #f6f9fc; font-size: 16px;}
#payment-section h3 { text-align: center; margin-bottom: 35px; font-size: 28px; }
#payment-section #payment_btn { padding: 13px 25px; font-size: 18px; }
#payment-section .price-text { font-size: 21px;  }
#payment-section ._tp { margin: 30px 0; }
#payment-section .well { padding: 15px 10px; font-size: 14px; }
#payment-section .well ol { padding: 0 0 0 25px; line-height: 26px; word-break: keep-all; word-wrap: break-word }
#payment-section label { font-weight: 500; }
#payment-section #alert { font-size: 14px; }

/* faq */
#faq-section { padding: 40px 0 80px; border-bottom: 2px solid #f6f9fc; }
#faq-section h3 { margin-bottom: 5px; line-height: 1.6em; }
#faq-section ._sub_dsc { color:#A2B7C9; font-size: 14px; font-weight: 300  }
#faq-section ._sub_dsc span { display: inline-block; padding-right: 13px;}
#faq-section ._simple_faq { margin-top: 15px; font-size: 16px; }
#faq-section ._simple_faq li { list-style: disc; line-height: 26px; margin-bottom: 5px; }
#faq-section .btn-default { border: 1px solid #e1e3e5; }
#faq-section .btn-default:hover { background: #fff; }
#faq-section ._list_faq { margin-top: 15px; font-size: 16px; line-height: 22px; padding: 0 0 15px }
#faq-section ._list_faq .item { margin-top: 20px;}
#faq-section ._list_faq .item:first-child { margin-top: 0px;}
#faq-section ._list_faq .item .label { font-weight: 300; margin-right: 2px; }
#faq-section ._list_faq a { display: block; font-size: 18px }
#faq-section ._list_faq a span { font-size: 14px; }
#faq-section ._list_faq a label { font-size: 12px; }
#faq-section ._list_faq i { font-size: 19px; color: #6E8DA6; margin-left: 3px; }
#faq-section ._list_faq p span { display: inline-block; padding: 3px  9px 0 0; position: relative; margin-right: 9px; float: left; font-size: 14px; }
#faq-section ._list_faq p span:after { content: '|'; position: absolute; right: 0; }
#faq-section ._list_faq p span:last-child:after { content: ''; }
#faq-section ._list_faq .empty { padding: 60px 0; text-align: center; color: #577997; }

#faq-section .pagination a{ color: #A1AAB0; font-size: 14px; }
#faq-section .pagination .active a{ border: 1px solid #B4BBC0; background: #A1AAB0; color: #fff;}

#faq-section ._write_faq { margin-top: 15px; font-size: 16px; }
#faq-section ._write_faq .form-control { border-color: #C0D0DF; }
#faq-section ._write_faq .btn { border: 1px solid #B4BBC0; background: #A1AAB0; color: #fff; }
#faq-section ._write_faq .checkbox-inline { font-size: 14px; }


/* notice */
#notice-section { padding: 40px 0 80px; border-bottom: 2px solid #f6f9fc }
#notice-section ._c { margin-bottom: 35px; }
#notice-section .nav-pills > li > a { font-size: 15px; }
#notice-section .nav-pills > li.active > a,
#notice-section .nav-pills > li.active > a:hover,
#notice-section .nav-pills > li.active > a:focus { background: #ff5052; }

#notice-section ._sub_dsc { color: #A2B7C9; font-size: 14px; font-weight: 300; }
#notice-section ._simple_faq { margin-top: 15px; font-size: 16px; }
#notice-section ._simple_faq li { list-style: disc; line-height: 26px; margin-bottom: 5px; }

#notice-section .nav-justified > li { display: table-cell; width: 1%;}



#notice-section h3 { margin: 20px 0;}
#notice-section h3 span { font-size: 14px; font-weight: 400; color: #8E9DB2; margin-left: .5em; }
#notice-section ._ntr { margin: 20px 0 0 0; }
#notice-section ._ntr .empty { text-align: center; font-size: 24px; padding: 65px 15px; color: #ff5052; line-height: 1.8em;}
#notice-section ._ntr .list { line-height: 1.8em; }
#notice-section ._ntr .list ._itm { padding: 10px 0; }
#notice-section ._ntr .list ._itm a { display: block; font-size: 20px; color: #32325d; line-height: 1.3em; }
#notice-section ._ntr .list ._itm span { display: inline-block; padding-right: 12px; margin-right: 12px; position: relative; color: #8E9DB2;}
#notice-section ._ntr .list ._itm span:after { display: inline-block; content: '|'; position: absolute; right: 0; }
#notice-section ._ntr .list ._itm span:last-child:after { content: ''; }

#notice-section ._ntr .pagination { }
#notice-section ._ntr .pagination li { }
#notice-section ._ntr .pagination li.active { }
#notice-section ._ntr .pagination li a { color: #f34c4e; }
#notice-section ._ntr .pagination li.active a { background: #ff5052; border-color: #f34c4e; color: #fff; }


#notice-section ._cr { margin-bottom: 15px; }
#notice-section ._cr p {  }



#link-section { border-bottom: 2px solid #f6f9fc; text-align: center;  }
#link-section .article { display: table-cell; width: 1%; }
#link-section .article .item { padding: 60px 0; display: block; border-right: 1px solid #f6f9fc; }
#link-section .article .item._nb { border: 0; }
#link-section .article .item h3 { color: #ff5052; font-size: 24px; margin: 0 0 12px; font-weight: 500; }
#link-section .article .item p { word-break: keep-all; word-wrap: break-word; font-size: 16px; color: #ff5052; opacity: 0.85; line-height: 1.5; }
#link-section .article .item .button-box { margin: 28px 0 0; }


/* help */
#help-section { border-bottom: 2px solid #f6f9fc; padding: 60px 0; }
#help-section ._c { margin-bottom: 35px;}
#help-section h3 { margin: 0 0 20px; }
#help-section .btn-link { color: #848484; }
#help-section .btn-link.active, #help-section .btn-link:hover { color: #000; border: 1px solid #6477B5; border-radius: 6px; text-decoration: none; }
#help-section ._hl { margin-top: 25px; }
#help-section ._hl ._itm { border-top: 1px solid #ddd;  }
#help-section ._hl ._itm:last-child { border-bottom: 1px solid #ddd;  }
#help-section ._hl ._itm a { display: block; font-size: 18px; line-height: 50px; }
#help-section .pagination { }
#help-section .pagination a {color: #6477B5; }
#help-section .pagination li.active a { background: #6477B5; color: #fff; border: 1px solid #6477B5; }

#help-section ._c ._ct { margin-bottom: 36px; }


#help-section ._simple_faq { margin-top: 15px; font-size: 16px; }
#help-section ._simple_faq li { list-style: disc; line-height: 26px; margin-bottom: 5px;}

#help-section ._hl_s { }
#help-section ._hl_s p { line-height: 30px; font-size: 18px; }
#help-section ._hl_s ._bx { margin: 10px 0; }
#help-section ._hl_s ._bx a { display: block; font-size: 14px; padding: 3px 0 3px 20px; color: #888; }

#help-section .empty { padding: 55px 0; text-align: center; font-size: 21px; color: #574691  }

/* mysite */
header.mysite {  }
header.mysite section#body-section { background: #ffd800; height: 85px; }


#mysite-list-section { padding: 85px 0; border-bottom: 2px solid #f6f9fc }
#mysite-list-section h3 { margin: 0 0 0px 0; }
#mysite-list-section h3 small { color: #999; }
#mysite-list-section .table { font-size: 15px; text-align: center; border-top: 1px solid #000; }
#mysite-list-section .table th { font-size: 16px; border-top: 0; border-bottom: 2px solid #ddd; text-align: center; font-weight: 500; }
#mysite-list-section .table .btn-link { color: #4979FF}
#mysite-list-section .table .empty { padding: 55px 0; text-align: center; font-size: 21px;  }


/* design header */
#price-intro-section { padding: 50px 0 60px; text-align: center; border-bottom: 2px solid #f6f9fc; }
#price-intro-section .intro-box { box-shadow: 0 15px 35px rgba(50,50,93,.1), 0 5px 15px rgba(0,0,0,.07); border-radius: 6px; font-size: 17px; overflow: hidden; margin-bottom: 20px; }
#price-intro-section .intro-box .price-title { font-weight: 500; font-size: 24px; padding: 20px 0; color: #24b47e; border-bottom: 1px solid #dddddd; line-height: 1; }
#price-intro-section .intro-box span.ssc { font-size: 14px; color: #999; display: block; margin: 0 0 4px; padding-top: 29px; }
#price-intro-section .intro-box p { padding: 7px 0; line-height: 1; font-weight: 500; }
#price-intro-section .intro-box .mid p.price-krw { padding: 0 0 7px; line-height: 1; }
#price-intro-section .intro-box .mid span { line-height: 1; }
#price-intro-section .intro-box .mid { margin: 0 0 12px; font-weight: 500 }
#price-intro-section .intro-box .mid span.sst { font-size: 14px; font-weight: 700; color: rgba(51, 51, 51, 0.3); }
#price-intro-section .intro-box p span { font-size: 36px; }
#price-intro-section .intro-box a { background: #e8fcf5; display: block; padding: 24px; transition: background .15s ease; font-weight: 500; margin-top: 15px; font-size: 20px; line-height: 1; }
#price-intro-section .intro-box a:hover { background: #d7fcef; }


#design-request-section { border-bottom: 2px solid #f6f9fc; padding: 100px 0; }
#design-request-section .alert { padding: 8px 35px 8px 8px; }
#design-request-section h2 {font-size: 45px; text-align: center; line-height: 1; margin-top:80px; margin-bottom:40px; }
#design-request-section label { font-size: 15px; margin-bottom: 3px; font-weight: 500; }
#design-request-section .form-group { margin-bottom: 20px; }
#design-request-section .form-control:focus { border-color: #EF629F ; outline: 0; -webkit-box-shadow: none; box-shadow: none; }
#design-request-section .btn { background: #EF629F ; color: #fff; box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);}
#design-request-section .btn:hover { background: #FF81B8 ; }
#design-request-section .error { color: #E42759; font-size: 15px; }

.flashdata { margin-bottom: 35px; font-size: 14px;  }
.flashdata .alert { background: #EF6F9F; color: #fff; }



/* login */
body.login-body, body.join-body {  }
body.login-body h3, body.join-body h3 { color: #616161; font-weight: 400; font-size: 20px; }
body.join-body .arrow-right:after { margin-left: 4px; content: '\279C';  }
body.login-body .background, body.join-body .background { background: #fafafa; position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%;  z-index: -1; }


#root-container .join .agree-contents { text-align: center; color: #666666; }
#root-container .join .agree-contents span { color: #ec7d50 }
#root-container .login .link, #root-container .join .link { margin-top: 12px; text-align: center;  }
#root-container .login .link p, #root-container .join .link p { line-height: 40px; }
#root-container .login .link a, #root-container .join .link a { font-weight: 700; }
#root-container .login, #root-container .join { margin-top: 150px; margin-bottom: 150px;  }
#root-container .login .login-wrap form p { color: #444; margin-top: 6px; }
#root-container .login img, #root-container .join img { width: 120px; }

#root-container .join.complete p { font-size: 18px; word-break: keep-all; }
#root-container .join.complete p.button-box { margin: 24px 0 0; }
#root-container .join.complete p#_join_resend { cursor: pointer; margin: 36px 0 0; font-size: 16px; line-height: 1.5; opacity: 0.8; }
#root-container .join.complete p#_join_resend:after { content: '\279C'; margin-left: 8px; }


#members-modify-section .btn-yellow, #root-container .login .btn-yellow, #root-container .join .btn-yellow { padding: 9px 16px; font-weight: 500; }
#root-container .login .form-group.logo-box, #root-container .join .form-group.logo-box, #root-container .join .logo-box { margin-bottom: 52px; }

/*#app-section { width: 829px; margin-left: -10px; top: 0; transform: rotate(-12deg); transform-origin: 100% 0; position: absolute; left: 50%; z-index: -1; }
#app-section .tablet { border-radius: 38px; background: #fff url('/file/img/tablet-contents.png') center center no-repeat; box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173,186,204,.25), 0 2px 6px rgba(0,21,64,.14), 0 10px 20px rgba(0,21,64,.05);
width: 512px; height: 352px; float: left; margin: 201px 50px 0 0;}
#app-section .tablet-secondary { border-radius: 38px; background: #fff url('/file/img/tablet-secondary-contents.png') center center no-repeat; box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173,186,204,.25), 0 2px 6px rgba(0,21,64,.14), 0 10px 20px rgba(0,21,64,.05);
width: 554px; height: 675px; float: left; margin: 50px 0 0;}
#app-section .phone { border-radius: 38px; background: #fff url('/file/img/mobile-contents.png') center center no-repeat; box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173,186,204,.25), 0 2px 6px rgba(0,21,64,.14), 0 10px 20px rgba(0,21,64,.05);
    width: 225px; height: 467px; float: left; margin: 50px 50px 0 0;}
#app-section .phone-secondary { border-radius: 38px; background: #fff url('/file/img/mobile-secondary-contents.png') center center no-repeat; box-shadow: inset 0 4px 7px 1px #fff, inset 0 -5px 20px rgba(173,186,204,.25), 0 2px 6px rgba(0,21,64,.14), 0 10px 20px rgba(0,21,64,.05);
    width: 267px; height: 553px;float: left;}*/



section#start-section { text-align: center; padding: 221px 0 159px; }
section#start-section h2 { line-height: 1.625; word-wrap: break-word; word-break: keep-all; font-weight: 500; margin: 0 0 17px; font-size: 28px; letter-spacing: -.025em }
section#start-section h2 img { float: right; margin-left: 25px; }
section#start-section p { padding: 0px 20px 0px; color: #999999; font-size: 18px; line-height: 1; word-wrap: break-word; word-break: keep-all; margin-bottom: 72px; }
section#start-section .adv-box h5 { font-size: 18px; line-height: 1; margin: 32px 0 13px; }
section#start-section .adv-box span { display: block; color: #999999; font-weight: 500; }
section#start-section .adv-box .row:first-child { margin-bottom: 44px; }




#ready-section { padding: 71px 0 98px; background: #fff; }
#ready-section .ribx { font-size: 18px; margin: 0; font-weight: 400; word-break: keep-all; word-wrap: break-word; color: #444; }
#ready-section .ribx p { display: block; font-size: 28px; font-weight: 500; color: #222; position: relative; margin: 0 0 8px; }
#ready-section .ribx p span { display: inline-block; position: relative; z-index: 1; }
#ready-section .ribx p span:before { position: absolute; top: 60%; width: 100%; height: 35%; background: rgba(243, 134, 91, 0.6); content: ''; z-index: -1; }
#ready-section .risbx { }
#ready-section .risbx span { float: left; }
#ready-section .risbx .btn { font-size: 15px; padding: 10px 24px; font-weight: 500; }
#ready-section .risbx .btn.btn-default { color: #f3865b; border: 1px solid #f6f9fc; }
#ready-section .risbx .btn.btn-default:hover { background: #fff; }
#ready-section .risbx .rbx { float: right;  }


#request-section { padding: 47px 0 87px;  position: relative; text-align: left; background: #f0efed }
#request-section .phone { position: relative; }
#request-section .phone:before { content: ''; position: absolute; left: 0; top: -150px; width: 553px; height: 363px; background: url('/file/img/phone.png') center no-repeat; background-size: contain; }
#request-section h2 { font-weight: 500; margin: 0 0 21px; font-size: 28px; line-height: 1; }
#request-section p { color: #666; font-size: 18px; word-wrap: break-word; word-break: keep-all; margin-bottom: 26px; line-height: 1.5; }
#request-section a { display: inline-block; font-size: 18px; padding: 12px 43px; line-height: 1; }
#request-section a:after { margin-left: 4px;}

#wrap-section  { overflow: hidden; }

footer.default  { background: #fff; }
footer #footer-section { padding: 14px 0 80px; border-top: 1px solid #ddd; }
footer #footer-section .info { padding-bottom: 14px; text-align: center;  }
footer #footer-section .info ul { display: inline-block; padding: 0; font-size: 14px;  }
footer #footer-section .info ul li { list-style: none; padding: 0 37px; position: relative; }
footer #footer-section .info ul li:before { content: ''; position: absolute; top: 10%; right: 0; height: 80%; width: 1px; background: #222;  }
footer #footer-section .info ul:last-child li:before { display: none; }
footer #footer-section .info ul a { display: block; line-height: 1; }
footer #footer-section .info ul a:hover { color: #32325d;  }
footer #footer-section .info ul .root-menu { font-weight: 500; }

footer #footer-section .bottom  { border-top: 1px solid #ddd; padding-top: 35px; }
footer #footer-section .bottom .text-div { text-align: center; word-break: break-all; font-weight: 500; }
footer #footer-section .bottom .text-div span { display: inline-block; padding-right: 15px; }
footer #footer-section .bottom .text-div span.pd0 { padding: 0; }
footer #footer-section .bottom .text-div span a:hover { text-decoration: underline}
footer #footer-section .bottom .copyright { margin: 15px 0 35px; text-align: center; color: #9a9a9a; }
footer #footer-section .bottom .alli { text-align: center; }
footer #footer-section .bottom .alli img { padding: 0 15px; }


/* members modify */
#members-modify-section { padding: 85px 0; border-bottom: 2px solid #f6f9fc; text-align: center; height: 590px; }
#members-modify-section ._err { text-align: left; color: #E42759 }
#members-modify-section h3 { margin-top: 0; }

/* members payment */
#members-payment-section { padding: 85px 60px; border-bottom: 2px solid #f6f9fc; }
#members-payment-section h3 { margin-top: 0;}
#members-payment-section h3 small { color: #999; }
#members-payment-section .empty { padding: 65px 0; text-align: center; font-size: 21px; color: #FFD800 }
#members-payment-section .btn-link { color: #4979FF }
#members-payment-section ._pl { margin-top: 25px; font-size: 15px; line-height: 1.7em }
#members-payment-section ._pl table { text-align: center; }
#members-payment-section ._pl table th { border-bottom: 2px solid #ddd; border-top: 1px solid #000; text-align: center }



#_reply_box { margin-top: 55px; font-size: 15px; padding: 15px; background: #fafafa; border-radius: 6px; border: 1px solid #ddd; margin-bottom: 80px;}
#_reply_box p { margin-bottom: 8px; font-size: 16px;  }
#_reply_box p._err { margin: 0; font-size: 14px; color: #E42759 }
#_reply_box ._rl { }
#_reply_box ._rl .empty { text-align: center; padding: 35px 0 45px; color: #577997; font-size: 15px; }

#_reply_box ._rl_b { margin-bottom: 15px; border-bottom: 1px solid #ddd; padding: 15px 0; }
#_reply_box ._rl_b:last-child { border: 0;}
#_reply_box ._rl_b .date{ margin-top: 8px; color: #B2B2B2; }
#_reply_box ._rl_b label { font-weight: 400}

._sub_dsc {margin-top:10px; margin-bottom: 60px;}

#payment-fail { text-align: center; font-size: 28px; color: #ff5052; line-height: 1.8em; }


section#review-section .bx-wrapper .bx-viewport { background: none; }
section#review-section { position: relative; padding: 48px 0; background: #fed100; }
section#review-section h2 { font-weight: 500; text-align: center; margin: 0 0 32px 0; font-size: 28px; }
section#review-section .review-list { position: relative; }
section#review-section .review {  }
section#review-section .review .review-inner { max-width: 600px; margin: 0 auto; padding-bottom: 60px; }
section#review-section .review p { text-align: center;  font-size: 18px; word-wrap: break-word !important; word-break: keep-all !important; }
section#review-section .review .title { margin-top: 24px; font-size: 14px; text-align: center; font-weight: 500; line-height: 1; }
section#review-section .bx-wrapper .bx-pager.bx-default-pager a { background: rgba(0, 0, 0, 0.4); margin: 0 3px; }
section#review-section .bx-wrapper .bx-pager.bx-default-pager a:hover,
section#review-section .bx-wrapper .bx-pager.bx-default-pager a.active { background: #000; }
section#review-section .bx-wrapper .bx-pager,
section#review-section .bx-wrapper .bx-controls-auto { position: relative; padding: 0; bottom: 0; }

.wating { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999; text-align: center; padding-top: 300px; }
.wating .fa { font-size: 49px; color: #fff; -webkit-animation: cog 1.6s infinite; -moz-animation: cog 1.6s infinite; -ms-animation: cog 1.6s infinite; animation: cog 1.6s infinite; -webkit-animation-timing-function: linear; -moz-animation-timing-function: linear; -ms-animation-timing-function: linear; animation-timing-function: linear; }
@keyframes cog {
    100%{
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#popup span { color: #8898aa; font-size: 14px; margin-left: 30px; font-weight: 500;  }
#popup ul li:first-child { line-height: 40px;  }


.other-payment { background: #e6e7f0 }
#other-payment-section { padding: 60px 0 30px; }
#other-payment-section h3 { text-align: center; margin-bottom: 35px; margin-top: 0; }
#other-payment-section .sub-title { text-align: center; color: #616266 }
#other-payment-section form {}
#other-payment-section form label { font-weight: 500; font-size: 15px; }
#other-payment-section form #payment_btn { padding: 13px 25px; font-size: 18px; }
#other-payment-section form .price-text { font-size: 21px; }
#other-payment-section form .form-control-static { font-size: 15px; }

footer.other-payment-footer #footer-section { background: none; border-top: 0; }


#faq-main-section { padding: 80px 0; }
#faq-main-section h2 { text-align: center; font-weight: 500; margin: 0 0 21px; font-size: 28px; line-height: 1; }
#faq-main-section p { padding: 0px 20px 0px; color: #999999; font-size: 18px; word-wrap: break-word; word-break: keep-all; margin-bottom: 46px; text-align: center; line-height: 1.4; }
#faq-main-section .faq-main-article { border: 1px solid #000; border-radius: 6px; padding: 18px 20px; margin: 0 0 28px; min-height: 170px; }
#faq-main-section .faq-main-article h5 { line-height: 1; font-size: 18px; font-weight: 500; margin: 0 0 12px; }
#faq-main-section .faq-main-article .ans { color: #666666; font-size: 14px;  }


/*  */
.fixed-kakao-plus {  padding: 18px; position: fixed; right: 30px; bottom: 40px;}
.fixed-kakao-plus img {width:140px; height: 60px;}
.fixed-kakao-plus:hover {}

/* .fixed-kakao-logo { width: 100px; height: 60px; text-align: center; padding: 18px; position: fixed; right: 40px; bottom: 40px; background: #fedf2a; border-radius: 100%; }
.fixed-kakao-logo:hover {background: #ebcd27;} */


.private-contents { text-align: center; }
.private-contents span { display: inline-block; border: 1px solid #999999; padding: 11px 8px; line-height: 1; color: #999999; cursor: pointer; min-width: 123px; }
.agree-contents.private-contents span { display: inline-block; border: 0; padding: 0; line-height: 1; color: #999999; cursor: pointer; min-width: auto; }
.private-contents span:first-child { margin: 0 4px 0 0; }

.modal-box {  }
.modal-box .modal-header { background: #3b3b3b; color: #fff; }
.modal-box .modal-header .close, .modal-box .modal-header span { color: #fff; }
.modal-box .modal-body { height: 440px; overflow-x: hidden; padding: 0px 15px; margin: 30px 0; overflow-y: scroll; }

#policy-text { }
#policy-text table.table { }
#policy-text table.table th { text-align: center; background: #fff4f0; font-weight: 500;  }
#policy-text table.table th, #policy-text table.table td { border: 1px solid #ddd; color: #666; padding: 13px 8px; }



/* 2019-07-11 ADD */
.question_text{ font-size: 55px }
.cs_center_responsive { margin: 0px 5px 0px -90px;}
.bottom_flower_button_base {width: 52%;padding: 15px;margin: 5px 0px 0px 0px;font-size: 20px;font-weight: 100;}
.bottom_flower_button_left {background-image: linear-gradient(to bottom, #FD7E0B 0%, #FD7E0B 100%);
    background-repeat: repeat-x;border-color: #FD7E0B; color: #FD7E0B;color: #ffffff;
    width: 100%;padding: 15px;margin: 5px 0px 0px 0px;font-size: 20px;font-weight: 100;
}

.bottom_flower_button_right {background-image: linear-gradient(to bottom, #000000 0%, #000000 100%);background-repeat: repeat-x;
    border-color: #000000; color: #000000;color: #ffffff;width: 100%;}

.bottom_soft_button {background-repeat: repeat-x;border-color: #777777;color: #777777;width: 52%;
    padding: 8px;margin: 5px 0px 0px 0px;font-weight: 100;border: 1px solid;}

.bottom_call_box {color: #ffffff;}
.bottom_soft_button:hover { color: #777777; }
.bottom_flower_button_right:hover,
.bottom_flower_button_left:hover { color: #ffffff; }

.section_right_image{ padding: 0px 0px 0px 1%; }
.section_float_right{float: right; padding: 0px 5% 0px 0px;}
.section_float_right_text{ padding: 4% 25% 0px 13%; }
.section_float_right_text_button{ margin: -4% 0px 0px 0px; padding: 0% 25% 0px 13%; }
.right_text_hide { display: none; }
.left_text_hide{ display: block; }
.cs_center { padding: 3% 0px 3% 0px; }
.cs_center_top { padding: 2% 0% 2% 2%; }
.color_section_img { }
.new_main_logo{
    background: url(/file/img/new_main_v1/main_bg_brush.png) center no-repeat;
    width: 500px;
    height: 500px;
    background-position: left top;
    padding: 0px 0px 0px 19%;
}
.responsive_logo {
    margin: 0px 0px 15% 0px;
}
.main_right_box_block{ padding: 0px 0px 0px 25%}

.main_right_row { margin-bottom: -26px; }
.main_right_row_1 {  }
.main_right_box_top { font-size: 55px; font-weight: 300;}
.main_right_box { font-size: 55px; font-weight: 300;}
.main_right_box_bottom { font-size: 18px; font-weight: 200;}
.main_float_right{ float: right; }

.orange_section_btn_left{ text-align: left }
.orange_section_btn_right{ text-align: right }
.orange_section_subject{ text-align: left; padding-left: 10%;
    float: right; }
.orange_section_description{ text-align: left; padding-right: 16%;
    float: right;}


.free_make_homepage {
    background-image: linear-gradient(to bottom, #2B2A25 0%, #2B2A25 100%);
    background-repeat: repeat-x;
    border-color: #2B2A25; color: #FECE30;
    width: 58%;
    padding: 15px;
    margin: 5px 0px 0px 0px;
    font-size: 22px;
    font-weight: 100;
    color: #FECE30;
}
.free_make_homepage:hover{ color: #FECE30; }

.btn_black_yellow {
    background-image: linear-gradient(to bottom, #FDCA08 0%, #FDCA08 100%);
    background-repeat: repeat-x;
    border-color: #FDCA08; color: #FDCA08;
    width: 120%;
    padding: 15px;
    margin: 5px 0px 0px 0px;
    font-size: 20px;
    font-weight: 100;
    color: #ffffff;
}

.btn_theme_view{
    background-image: linear-gradient(to bottom, #2B2A25 0%, #2B2A25 100%);
    background-repeat: repeat-x;
    border-color: #2B2A25; color: #2B2A25;
    padding: 1% 6%;
    margin: 5px 0px 0px 0px;
    font-size: 20px;
    font-weight: 100;
    color: #FDCA08;
}
.btn_theme_view:hover{color: #FDCA08;}

.btn_mysite{
    background-image: linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    background-repeat: repeat-x;
    border-color: #ffffff; color: #ffffff;
    padding: 1% 6%;
    margin: 5px 0px 0px 0px;
    font-size: 20px;
    font-weight: 100;
    color: #000000;
}

.mysite_left { text-align: left;}
.mysite_right { text-align: right;}

.btn_request_order {
    background-image: linear-gradient(to bottom, #2B2A25 0%, #2B2A25 100%);
    background-repeat: repeat-x;
    border-color: #2B2A25;
    color: #2B2A25;
    padding: 0.5% 2%;
    margin: 5px 0px 0px 0px;
    font-size: 20px;
    font-weight: 100;
    color: #FDCA08;
}

.btn_other_question{
    background-image: linear-gradient(to bottom, #FDCA08 0%, #FDCA08 100%);
    background-repeat: repeat-x;
    border-color: #FDCA08; color: #FDCA08;
    padding: 0.5% 2%;
    margin: 5px 0px 0px 0px;
    font-size: 20px;
    font-weight: 100;
    color: #000000;
}
.btn_other_question:hover{
    color: #000;
}

.bottom_section {
    position: relative;
    background: #292722ed;
}

.bottom_section_text {
    color: #878787;
}

.bottom_section_text_soft {
    color: #777777;
}

.yellow_section {
    position: relative;
    padding: 48px 0px 48px 0px;
    background: #fed100;
}
.yellow_section_bg {
    background: url(/file/img/new_main_v1/free_home_bg.png) center repeat;
}
.gray_section {
    position: relative;
    padding: 48px 0;
    background: #f9f9f9;
}
.white_section {
    position: relative;
    padding: 48px 0;
    background: #ffffff;
}
.black_section {
    position: relative;
    padding: 48px 0;
    background: #292722ed;
}
.orange_section {
    position: relative;
    padding: 10px 0;
    background: #FD7E0B;
}
.section_text_align_left {
    text-align: left;
    padding: 2% 0px 0px 4%;
}
.font-weight-500 {
    font-weight: 500;
}
.font-weight-400 {
    font-weight: 400;
}
.font-default-scaleup {
    font-size: 59px;
}
.default-scaleup-margin {
    margin-bottom: -25px;
}
.font-middle-scaleup {
    font-size: 18px;
    font-weight: 200;
}
.gray_box_list {
    background-color: #F7F7F7;
    margin: 0px 10px 0px 10px;
    padding: 25px 0px 25px 0px;
    height: 260px;
}
.col-centered{
    float: none;
    margin: 0 auto;
}
.faq_header {
    font-weight: 600;
}
.faq_content {
    font-weight: 300;
}

.btn-black {

}


/* width 
::-webkit-scrollbar {
    width: 20px;
  }
  
  /* Track 
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }
  
  /* Handle 
  ::-webkit-scrollbar-thumb {
    background: #FDCA08;
    border-radius: 10px;
  }*/