@charset "utf-8";
/*
    Contents.css
*/


#sub_title{height:290px;width:100%;z-index:0;background:#7b95e0;position:absolute;top:0}
#sub_title2{height:200px;width:100%;z-index:0;background:#7b95e0;position:absolute;top:0}

.center_con{margin:0 auto}
.radio_btn {position:relative;display:inline-block;vertical-align:middle;margin-right:20px}
.radio_btn input[type="radio"] {width:0;height:0;opacity:0;position:absolute;top:10;left:0;}
.radio_btn input[type="radio"] + label {padding-left:25px;background:url("../../_images/new/contents/check_none.png") no-repeat 0 0;line-height:17px;display:inline-block;vertical-align:middle;font-weight:bold;font-size:10pt;height:20px;}
.radio_btn input[type="radio"]:checked + label {background:url("../../_images/new/contents/check_blue.png") no-repeat 0 0;}

.fileBox .fileName {margin-top:-50px;border:1px solid #aaa;background-color:#fff;vertical-align:top}
.fileBox .btn_file {border:1px solid #ddd;;text-align:center;vertical-align:top;border-radius:80px;padding:20px 18px 18px; cursor:pointer;}
.fileBox input[type="file"] {position:absolute;width:1px !important;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}

select#soflow, select#soflow-color {
	background:url("../../_images/new/contents/b_arow.png") no-repeat right #fff ;
   border: 1px solid #ddd;
   color: #555;
   font-size: 14px;
   margin: 0px;
   overflow: hidden;
   padding: 7px 11px;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 150px;
}


/*** noprice ***/

#no_price{margin:0 auto;z-index:11;background:none;position:relative;padding-top:20px;width:1320px}
#no_price .n_logo{background:#fff;border-radius:80px;padding:17px 30px;float:left}
#no_price h1{padding-left:30px;float:left;color:#fff;font-size:30pt;line-height:1em;margin-top:10px}
#no_price h1 span{color:#fff;font-size:18pt;font-weight:normal}
#no_price h2{float:left;color:#000;font-size:20pt;line-height:1em;margin-top:60px;border-bottom:5px solid #545cd8;padding-bottom:20px;margin-bottom:20px}

#no_price .set_button{
    display:inline-block; float:right;color:#486aff;font-size:21pt;font-weight:400;padding:26px 0;border-radius:10px;width:320px;background:#fff; text-align:center;
}
#no_price .set_button:hover{color:#fff;background:#486aff}
#no_price .cl{clear:both}

#no_price .chat_window{position:relative; width:320px;float:right;border-radius:10px;background:#fff;height:642px;margin-top:60px}
#no_price .chat_window .h1{background:#486aff;border-radius:10px 10px 0px 0px;margin:0px;width:100%;height:55px;text-align:center;font-size:12pt;font-weight:normal;padding:0px;line-height:3.2em}
#no_price .chat_ment{height:520px}
#no_price .mge_area{height:45px;bottom:0px;border-top:1px solid #ddd;box-shadow:  0px -5px 8px -5px #ddd;}
#no_price input{border:0px;background:none;padding:10px;width:80%}
#no_price .mge_area img{width:31px;margin-top:10px}

#no_price .content_area{width:960px;float:left}
#no_price .content_area .button_area a{color:#4a69ff;border:1px solid #4a69ff;padding:15px 70px;border-radius:10px;font-weight:700}
#no_price .content_area .button_area a:hover{color:#fff;border:1px solid #4a69ff;background:#4a69ff;padding:15px 70px;border-radius:10px;font-weight:700}


.media_area{width:100%;}
.content_ment{background:#fff;border-radius:10px;margin-top:60px;padding:44px;font-weight:normal;line-height:1.8em}
.button_area{text-align:center;width:100%;padding:20px 0px}
.application_area{background:#fff;width:1320px;border-radius:10px;margin:30px 0px}
.application_area h3{padding:25px;font-size:12pt;font-weight:normal}
.application_area button{float:right;padding:10px 30px;border-radius:10px;font-size:12pt;font-weight:normal;color:#fff;background:#486aff;vertical-align:top;margin-top:-10px}
.application_area button:hover{float:right;padding:10px 30px;border-radius:10px;font-size:12pt;font-weight:normal;color:#fff;background:#555;vertical-align:top;margin-top:-10px}


 .bam_massage{margin:70px 15px;padding:0px;font-size:10pt;font-weight:normal;}
 .bam_massage .ba_left{background:url("../../_images/new/contents/bg_bam.png") bottom no-repeat;width:13px;float:left;height:70px;margin:0px}
 .bam_massage .ba_right{background:#f2f2f2;border-radius:10px 10px 10px 0px;float:left;height:40px;padding:15px;width:235px;}
 .bam_massage span{background-color: #105fae; text-decoration:none;color:#fff;padding:10px;border-radius:10px;margin:10px}
.chat_header{background:url("../../_images/new/contents/g_m01.png") no-repeat;width:288px;height:9px;}
.chat_body{background:url("../../_images/new/contents/g_m03.png");padding-left:20px;width:268px}
.chat_footer{background:url("../../_images/new/contents/g_m02.png");width:288px;height:9px}




 /*** price ***/

#price{margin:0 auto;z-index:11;background:none;position:relative;padding-top:20px;width:1320px}
#price .n_logo{background:#fff;border-radius:80px;padding:17px 30px;float:left}
#price h1{padding-left:30px;float:left;color:#fff;font-size:30pt;line-height:1em;margin-top:10px}
#price h1 span{color:#fff;font-size:18pt;font-weight:normal}
#price h2{float:left;color:#000;font-size:20pt;line-height:1em;margin-top:60px;border-bottom:5px solid #545cd8;padding-bottom:20px;margin-bottom:20px}
#price .price{color:#000}

#price .set_button{float:right;color:#486aff;font-size:21pt;padding:26px;border-radius:10px;width:320px;background:#fff}
#price .set_button:hover{float:right;color:#fff;font-size:21pt;padding:26px;border-radius:10px;width:320px;background:#486aff}
#price .cl{clear:both}

#price .chat_window{width:320px;float:right;border-radius:10px;background:#fff;height:642px;margin-top:60px}
#price .chat_window .h1{background:#486aff;border-radius:10px 10px 0px 0px;margin:0px;width:100%;height:55px;text-align:center;font-size:12pt;font-weight:normal;padding:0px;line-height:3.2em}
#price .chat_ment{height:520px}
#price .mge_area{height:45px;bottom:0px;border-top:1px solid #ddd;box-shadow:  0px -5px 8px -5px #ddd;}
#price input{border:0px;background:none;padding:10px;width:80%}
#price .mge_area img{width:31px;margin-top:10px}

#price .content_area{width:960px;float:left}
#price .content_area .button_area a{color:#4a69ff;border:1px solid #4a69ff;padding:15px 70px;border-radius:10px;font-weight:700}
#price .content_area .button_area a:hover{color:#fff;border:1px solid #4a69ff;background:#4a69ff;padding:15px 70px;border-radius:10px;font-weight:700}


.media_area{width:100%;}
.content_ment{background:#fff;border-radius:10px;margin-top:60px;padding:44px;font-weight:normal;line-height:1.8em}
.button_area{text-align:center;width:100%;padding:20px 0px}
.application_area{background:#fff;width:1320px;border-radius:10px;margin:30px 0px}
.application_area h3{padding:25px;font-size:12pt;font-weight:normal}
.application_area button{float:right;padding:10px 30px;border-radius:10px;font-size:12pt;font-weight:normal;color:#fff;background:#486aff;vertical-align:top;margin-top:-10px}
.application_area button:hover{float:right;padding:10px 30px;border-radius:10px;font-size:12pt;font-weight:normal;color:#fff;background:#555;vertical-align:top;margin-top:-10px}


 .bam_massage{margin:70px 15px;padding:0px;font-size:10pt;font-weight:normal;}
 .bam_massage .ba_left{background:url("../../_images/new/contents/bg_bam.png") bottom no-repeat;width:13px;float:left;height:70px;margin:0px}
 .bam_massage .ba_right{background:#f2f2f2;border-radius:10px 10px 10px 0px;float:left;height:40px;padding:15px;width:235px;}
 .bam_massage span{background-color: #105fae; text-decoration:none;color:#fff;padding:10px;border-radius:10px;margin:10px}
.chat_header{background:url("../../_images/new/contents/g_m01.png") no-repeat;width:288px;height:9px;}
.chat_body{background:url("../../_images/new/contents/g_m03.png");padding-left:20px;width:268px}
.chat_footer{background:url("../../_images/new/contents/g_m02.png");width:288px;height:9px}

.face_profile{border-radius:80px;float:left;margin-right:35px}

  /*** information ***/

#information{margin:0 auto;z-index:11;background:none;position:relative;padding-top:20px;width:1320px}
.info_top {position:relative;}
.info_top:after {clear:both; display:block; content:'';}
.info_top .n_logo{
    background:#fff;border-radius:50%;float:left; width:105px; height:105px;
    background-repeat: no-repeat; background-position: center top; background-size: cover;
}
.info_top .h1{padding-left:30px;float:left;color:#fff;}
.info_top .h1 .gs_name {font-size:28pt; margin-top:15px;}
.info_top .h1 span{display:inline-block; color:#fff;font-size:18pt;font-weight:normal; margin-top:20px;}
.info_top .h2{float:left;color:#000;font-size:20pt;line-height:1em;margin-top:60px;border-bottom:5px solid #545cd8;padding-bottom:20px;margin-bottom:20px}
.info_top .price{color:#000}

.gs_type {
    display:inline-block !important; font-size:14px; font-weight:400; color:#fff; padding:0 10px; border-radius:4px;
    border:1px solid #fff; line-height:1.45em; text-align:center; vertical-align:middle; letter-spacing:normal;
}
.gs_type.chatbot, .gs_type.callbot {background:#7b96e0; font-size:13px; color:#fff !important; line-height:1.0em !important; padding:4px 10px !important;}
.gs_type.topic {background:#60ba73; font-size:13px; color:#fff !important; line-height:1.0em !important; padding:4px 10px !important;}
.gs_type.acs {background:#b960ba; font-size:13px; color:#fff !important; line-height:1.0em !important; padding:4px 10px !important;}

#information .set_button{position:absolute; top:0; right:0; width:320px;}
#information .set_button .sbutton:first-child{margin-top:0;}
#information .sbutton{display:block; color:#486aff;font-size:18pt;padding:20px 0;border-radius:10px;width:100%;background:#fff; margin:10px 0; text-align:center;}
#information .sbutton:hover{color:#fff;background:#486aff}
#information .cl{clear:both}

#information .chat_window{
    position:relative; width:320px;float:right;border-radius:10px;height:642px;margin-top:60px; overflow:hidden;
    box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5); background:#fff;
}
#information .chat_window .bot_preview {position:relative; width:100%; height:100%; border:0;}
.bot_preview_iframe {position: relative !important; width: 100% !important; height: 100% !important; border: none !important;}

#information .chat_window .h1{background:#486aff;border-radius:10px 10px 0px 0px;margin:0px;width:100%;height:55px;text-align:center;font-size:12pt;font-weight:normal;padding:0px;line-height:3.2em;color:#fff}
#information .chat_ment{height:520px}
#information .mge_area{height:45px;bottom:0px;border-top:1px solid #ddd;box-shadow:  0px -5px 8px -5px #ddd;}
#information input{border:0px;background:none;padding:10px;width:80%}
#information .mge_area img{width:31px;margin-top:10px}

#information .content_area{width:960px;float:left}
#information .content_area .button_area a{margin:0 20px; display:inline-block; color:#4a69ff;border:1px solid #4a69ff;padding:15px 0;border-radius:10px;font-weight:700; width:270px; text-align:center;}
#information .content_area .button_area a:hover{color:#fff;background:#4a69ff;}
.content_area .h2 {float:left;color:#000;font-size:20pt;line-height:1em;margin-top:60px;border-bottom:5px solid #545cd8;padding-bottom:20px;margin-bottom:20px;}
.content_area .h2:after {clear:both; display:block; content:'';}

#information .profile{position:relative; margin:30px 0px;background:#fff;border-radius:10px;padding:35px}
#information .profile:after {clear:both; display:block; content:'';}
#information .face_profile{border-radius:80px;float:left;margin-right:35px; width:108px; height:108px;}
#information .profile span{font-size:8pt;color:#999;display:block;padding:10px;line-height:1.1em;font-weight:normal}
#information .profile strong{color:#000;font-size:16pt;line-height:1.8em}
#information .font_blue{color:#5a77ff !important}
#information h4{font-weight:normal}


.media_area{width:100%;}
.content_ment{background:#fff;border-radius:10px;margin-top:60px;padding:44px;font-weight:normal;line-height:1.8em}
.content_wrap {margin-bottom:30px;font-weight:normal;line-height:1.8em;}
.button_area{text-align:center;width:100%;padding:20px 0px}
.application_area{background:#fff;width:1320px;border-radius:10px;margin:30px 0px}
.application_area h3{padding:25px;font-size:12pt;font-weight:normal}
.application_area button{float:right;padding:10px 30px;border-radius:10px;font-size:12pt;font-weight:normal;color:#fff;background:#486aff;vertical-align:top;margin-top:-10px}
.application_area button:hover{float:right;padding:10px 30px;border-radius:10px;font-size:12pt;font-weight:normal;color:#fff;background:#555;vertical-align:top;margin-top:-10px}


 .bam_massage{margin:70px 15px;padding:0px;font-size:10pt;font-weight:normal;}
 .bam_massage .ba_left{background:url("../../_images/new/contents/bg_bam.png") bottom no-repeat;width:13px;float:left;height:70px;margin:0px}
 .bam_massage .ba_right{background:#f2f2f2;border-radius:10px 10px 10px 0px;float:left;height:40px;padding:15px;width:235px;}
 .bam_massage span{background-color: #105fae; text-decoration:none;color:#fff;padding:10px;border-radius:10px;margin:10px}
.chat_header{background:url("../../_images/new/contents/g_m01.png") no-repeat;width:288px;height:9px;}
.chat_body{background:url("../../_images/new/contents/g_m03.png");padding-left:20px;width:268px}
.chat_footer{background:url("../../_images/new/contents/g_m02.png");width:288px;height:9px}

.chat_header2{background:url("../../_images/new/contents/b_m01.png") no-repeat;width:288px;height:9px;margin-top:30px;margin-left:10px}
.chat_body2{background:url("../../_images/new/contents/b_m02.png") repeat-y;padding-left:19px;width:268px;color:#fff;margin-left:10px}
.chat_footer2{background:url("../../_images/new/contents/b_m03.png") no-repeat;width:288px;height:10px;margin-left:10px}



  /*** setting ***/

#setting{margin:0 auto;z-index:11;background:none;position:relative;padding-top:20px;width:1320px}

#setting .set_button{float:right;color:#486aff;font-size:21pt;padding:26px;border-radius:10px;width:320px;background:#fff}
#setting .set_button:hover{float:right;color:#fff;font-size:21pt;padding:26px;border-radius:10px;width:320px;background:#486aff}
#setting .cl{clear:both}

#setting .chat_window{width:320px;float:right;border-radius:10px;background:#fff;/*height:642px;*/margin-top:60px}
#setting .chat_window .h1{background:#486aff;border-radius:10px 10px 0px 0px;margin:0px;width:100%;height:55px;text-align:center;font-size:12pt;font-weight:normal;padding:0px;line-height:3.2em;color:#fff}
#setting .chat_ment{height:520px}
#setting .mge_area2{height:45px;bottom:0px;border-top:1px solid #ddd;box-shadow:  0px -5px 8px -5px #ddd;font-size:10pt;line-height:3em;text-align:Center;margin-top:15px}
#setting input{border:0px;background:none;padding:10px;width:80%; resize:none;}
#setting .mge_area2 img{width:20px;height:20px;margin:10px}

#setting .content_area{width:960px;float:left}
#setting .content_area .button_area a{color:#4a69ff;border:1px solid #4a69ff;padding:15px 70px;border-radius:10px;font-weight:700}
#setting .content_area .button_area a:hover{color:#fff;border:1px solid #4a69ff;background:#4a69ff;padding:15px 70px;border-radius:10px;font-weight:700}

#setting .profile{margin:30px 0px;background:#fff;border-radius:10px;padding:35px}
#setting .face_profile{border-radius:80px;float:left;margin-right:35px}
#setting .profile span{font-size:8pt;color:#999;display:block;padding:10px;line-height:1.1em;font-weight:normal}
#setting .profile strong{color:#000;font-size:16pt;line-height:1.8em}
#setting .font_blue{color:#5a77ff !important}
#setting h4{font-weight:normal}
#setting .blank_area{height:50px}
#setting .h15{padding-top:15px}


.media_area{width:100%;}
.content_input{background:#fff;border-radius:10px;margin-top:60px;padding:20px 44px;font-weight:normal;line-height:1.8em}
.content_input h3{float:left;width:140px;font-size:11pt;padding-top:5px}
.content_input  .text_box{border:1px solid #ddd !important;background:#fcfcfc !important;border-radius:3px}
.content_input textarea{padding:10px;width:80%; border:1px solid #ddd !important; background:#fcfcfc !important;border-radius:3px; resize:none;}

.msg_bgimg {width:240px; height:160px; background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:cover; cursor:pointer;}

.content_input2{background:#fff;border-radius:10px;margin-top:20px;padding:20px 44px;font-weight:normal;line-height:1.8em}
.content_input2 h3{float:left;width:140px;font-size:11pt;padding-top:5px}
.content_input2 h4{font-size:10pt;padding-top:5px;margin-left:140px}
.content_input2 .text_box{border:1px solid #ddd !important;background:#fcfcfc !important;border-radius:3px}
.content_input2 .text_box.disabled {background-color:#f0f0f0 !important;}
.content_input2 label.disabled {color:#aaa;}
.content_input2 .text_box2{border:1px solid #000 !important;background:#fcfcfc !important;border-radius:3px}
.content_input2 .plus_input{padding-top:10px}
.content_input2 .tareawrap{position:relative;}
.content_input2 textarea{padding:10px;width:80%; border:1px solid #ddd !important; background:#fcfcfc !important;border-radius:3px; resize:none;}
.copy_msg {position:absolute; z-index:10; padding:5px; border-radius:5px; background:#000; color:#fff; text-align:center; top:40px; width:40%; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%);}

.ul_profile {position:relative; padding-left:140px; margin-top:15px;}
.ul_profile:after {clear:both; display:block; content:'';}
.ul_profile li {position:relative; float:left; width:60px; height:60px; margin-right:10px;}
.ul_profile li:last-child {margin-right:0;}
.ul_profile li div {position:relative; width:100%; height:100%;}
.ul_profile li .intro_wrapper {display:block; width:100%; height:100%; border-radius:100%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.ul_profile li .close_x{background:url("../../_images/new/contents/close_x.png") no-repeat;z-index:9;width:15px;height:15px;position:absolute; top:0; right:0; cursor:pointer;}
.ul_profile li .btn_file, .ul_menu li .btn_menu {
    display:block; width:58px; height:58px; line-height:58px; border-radius:100%; border:1px solid #ddd; text-align:center; vertical-align:middle; cursor:pointer;
}
.ul_profile li .btn_file img, .ul_menu li .btn_menu img {vertical-align:middle !important;}

.ul_profile li .uploadBtn {width:0; height:0; display:none;}
.imageUpload {cursor:pointer;}

.face_plus{display:inline-block; width:40px !important; height:40px !important; border-radius:50%;margin-right:-3px;background-repeat:no-repeat; background-position:center center; background-size:cover;}
.button_area{text-align:center;width:100%;padding:20px 0px}
.plus_btn{height:30px !important;width:30px !important;margin:0px !important;padding:5px !important;border-radius:80px;border:1px solid #ddd}
.trash_btn{padding:10px}

.ul_menu {position:relative; padding-left:140px; margin-top:15px;}
.ul_menu.ul_menu_msg {padding-left:0; margin-top:0;}

.ul_menu li {position:relative; display:block; margin-bottom:10px;}
.ul_menu li:last-child {margin-bottom:0;}
.ul_menu li div {position:relative;}
.ul_menu li div:after {clear:both; display:block; content:'';}
.ul_menu li div input {display:inline-block; float:left; margin-right:7px;}
.ul_menu li div>.button {float:left;}
.ul_menu li div>.button span {display:inline-block; cursor:pointer;}
.ul_menu li .btn_menu {width:35px; height:35px; line-height:inherit;}
.ul_menu li .btn_menu img {width:18px; height:18px;}

.r140{margin-left:140px}
.w20{width:10% !important}
.w20{width:20% !important}
.w25{width:28% !important}
.w30{width:30% !important}
.w40{width:40% !important}
.w45{width:45% !important}
.w50{width:50% !important}
.w60{width:60% !important}
.w80{width:80% !important}
.w90{width:90% !important}
.w100{width:97% !important}

 .bam_massage{margin:70px 15px;padding:0px;font-size:10pt;font-weight:normal;}
 .bam_massage .ba_left{background:url("../../_images/new/contents/bg_bam.png") bottom no-repeat;width:13px;float:left;height:70px;margin:0px}
 .bam_massage .ba_right{background:#f2f2f2;border-radius:10px 10px 10px 0px;float:left;height:40px;padding:15px;width:235px;}
 .bam_massage span{background-color: #105fae; text-decoration:none;color:#fff;padding:10px;border-radius:10px;margin:10px}
.chat_header{background:url("../../_images/new/contents/g_m01.png") no-repeat;width:288px;height:9px;}
.chat_body{background:url("../../_images/new/contents/g_m03.png");padding-left:20px;width:268px}
.chat_footer{background:url("../../_images/new/contents/g_m02.png");width:288px;height:9px}

.chat_header2{background:url("../../_images/new/contents/b_m01.png") no-repeat;width:288px;height:9px;margin-top:30px;margin-left:10px}
.chat_body2{background:url("../../_images/new/contents/b_m02.png") repeat-y;padding-left:19px;width:268px;color:#fff;margin-left:10px}
.chat_footer2{background:url("../../_images/new/contents/b_m03.png") no-repeat;width:288px;height:10px;margin-left:10px}

.chat_ctitle{background:#486aff;border-radius:10px 10px 0px 0px;padding:30px;}
.chat_ctitle .mtitle{color:#fff;font-weight:500;font-size:15pt;line-height:1.4em;word-break: break-all; letter-spacing:-1px; margin-bottom:20px;}
.chat_ctitle .stitle{color:#fff;font-weight:normal;font-size:10pt;line-height:1.3em; margin-bottom:40px;word-break: break-all;}
/*.chat_ctitle div{font-size:10pt;font-weight:normal;line-height:1.3em !important;padding-top:20px;padding-bottom:50px}*/

.chat_ctitle2{background:#fff;border-radius:10px;color:#555;padding:30px;font-weight:bold;font-size:9pt;line-height:1.4em;margin:10px;z-index:3;position:relative;top:-50px;box-shadow:  1px 3px 6px 1px #999;width:238px}
.chat_ctitle2 div{font-size:10pt;font-weight:normal;line-height:1.3em !important;padding-top:20px;padding-bottom:20px; text-align:center;}
.chat_ctitle2 img{width:40px;margin:0px -3px 0px 0px}
.chat_ctitle2 .hr{border-top:1px solid #ddd;height:3px;padding:10px}
.chat_ctitle2 button{border:1px solid #486aff;margin:0px;padding:10px;text-align:center;width:235px;background:#fff;border-radius:30px;color:#486aff}
.chat_ctitle2 button:hover{border:1px solid #486aff;margin:0px;padding:10px;text-align:center;width:235px;background:#486aff;border-radius:30px;color:#fff}
.new_message{margin-top:-40px}
.msg_start{width:275px;background:url("../../_images/new/contents/b_arow.png") no-repeat right #fff;border-radius:30px;color:#486aff;border:1px solid #ddd;margin:5px 20px;padding:10px 20px;box-shadow:  1px 2px 3px 1px #ddd;text-align:left}
.msg_start:hover{width:275px;background:url("../../_images/new/contents/b_arow.png") no-repeat right #d9e3ed;border-radius:30px;color:#486aff;border:1px solid #ddd;margin:5px 20px;padding:10px 20px;box-shadow:  1px 2px 3px 1px #ddd;}
.sns_list{text-align:Center;padding:10px 0px}


  /*** write ***/

#write{margin:0 auto;z-index:11;background:none;position:relative;padding-top:20px;width:1320px}

#write .set_button{float:right;color:#486aff;font-size:21pt;padding:26px;border-radius:10px;width:320px;background:#fff}
#write .set_button:hover{float:right;color:#fff;font-size:21pt;padding:26px;border-radius:10px;width:320px;background:#486aff}
#write .cl{clear:both}

#write .chat_window{
    position:relative; width:320px;float:right;border-radius:10px;height:642px;margin-top:60px; overflow:hidden;
    box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5); -webkit-box-shadow:0px 0px 1px 0px rgba(0,0,0,0.5);
}
#write .chat_window .bot_preview {position:relative; width:100%; height:100%; border:0;}

#write .chat_window .h1{background:#486aff;border-radius:10px 10px 0px 0px;margin:0px;width:100%;height:55px;text-align:center;font-size:12pt;font-weight:normal;padding:0px;line-height:3.2em;color:#fff}
#write .chat_ment{height:510px}
#write .mge_area{height:45px;bottom:0px;border-top:1px solid #ddd;box-shadow:  0px -5px 8px -5px #ddd;font-size:10pt;line-height:3em;text-align:Center;margin-top:15px}
#write input{border:0px;background:none;padding:10px;width:76%}
#write .mge_area img{width:31px;margin:10px}

#write .content_area{width:960px;float:left}
#write .content_area .button_area a{color:#4a69ff;border:1px solid #4a69ff;padding:15px 70px;border-radius:10px;font-weight:700}
#write .content_area .button_area a:hover{color:#fff;border:1px solid #4a69ff;background:#4a69ff;padding:15px 70px;border-radius:10px;font-weight:700}

#write .profile{margin:30px 0px;background:#fff;border-radius:10px;padding:35px}
#write .face_profile{border-radius:80px;float:left;margin-right:35px}
#write .profile span{font-size:8pt;color:#999;display:block;padding:10px;line-height:1.1em;font-weight:normal}
#write .profile strong{color:#000;font-size:16pt;line-height:1.8em}
#write .font_blue{color:#5a77ff !important}
#write h4{font-weight:normal}
#write .blank_area{height:50px}
#write .h15{padding-top:15px}
#write .hr{height:1px;background:#ddd;margin:30px 0px}


#write .content_area button{padding:10px 15px;margin-top:5px;border:1px solid #ddd}
#write .content_area button:hover{padding:10px 15px;margin-top:5px;border:1px solid #ddd;background:#fff}

 .bam_massage{margin:70px 15px;padding:0px;font-size:10pt;font-weight:normal;}
 .bam_massage .ba_left{background:url("../../_images/new/contents/bg_bam.png") bottom no-repeat;width:13px;float:left;height:70px;margin:0px}
 .bam_massage .ba_right{background:#f2f2f2;border-radius:10px 10px 10px 0px;float:left;height:40px;padding:15px;width:235px;}
 .bam_massage span{background-color: #105fae; text-decoration:none;color:#fff;padding:10px;border-radius:10px;margin:10px}
.chat_header{background:url("../../_images/new/contents/g_m01.png") no-repeat;width:288px;height:9px;}
.chat_body{background:url("../../_images/new/contents/g_m03.png");padding-left:20px;width:268px}
.chat_footer{background:url("../../_images/new/contents/g_m02.png");width:288px;height:9px}

.chat_header2{background:url("../../_images/new/contents/b_m01.png") no-repeat;width:288px;height:9px;margin-top:30px;margin-left:10px}
.chat_body2{background:url("../../_images/new/contents/b_m02.png") repeat-y;padding-left:19px;width:268px;color:#fff;margin-left:10px}
.chat_footer2{background:url("../../_images/new/contents/b_m03.png") no-repeat;width:288px;height:10px;margin-left:10px} 
.text_box3{border:1px solid #555 !important;background:#d9e3ed !important;border-radius:3px}
.text_box4{border:1px solid #555 !important;background:#d9e3ed !important;border-radius:3px;padding:0px 20px 20px 20px;float:left;margin-right:10px}
.text_box4 p{text-align:right}
.text_box4 span{padding:8px;border:1px solid #ddd;background:#fff;font-size:9pt;border-radius:3px}
	
.bad_word{margin-top:10px}
.content_input3{text-align:center;line-height:4em;margin-top:50px;font-size:11pt}
.content_input3 button{width:250px;border-radius:10px;padding:10px;font-weight:bold;margin:10px}
.blue_btn {background:#486aff;color:#fff;border:1px solid #486aff}
.blue_btn:hover{background:#fff;color:#555;}
.green_btn{background:#60ba74;color:#fff;border:1px solid #60ba74}
.green_btn:hover{background:#fff;color:#555;}
.gray_btn {background:#555;color:#fff;border:1px solid #555}
.gray_btn:hover{background:#fff;color:#555;}



  /*** answer ***/

#answer{margin:0 auto;z-index:11;background:none;position:relative;padding-top:20px;width:1320px}
#answer .n_logo{background:#fff;border-radius:80px;padding:17px 30px;float:left}
#answer .h1{padding-left:30px;float:left;color:#fff;font-size:30pt;line-height:1em;margin-top:10px}
#answer .h1 span{color:#fff;font-size:18pt;font-weight:normal}
#answer .h2{float:left;color:#000;font-size:20pt;line-height:1em;margin-top:60px;border-bottom:5px solid #545cd8;padding-bottom:20px;margin-bottom:20px}
#answer .price{color:#000}

#answer .set_button{float:right;color:#486aff;font-size:21pt;padding:26px;border-radius:10px;width:320px;background:#fff}
#answer .set_button:hover{float:right;color:#fff;font-size:21pt;padding:26px;border-radius:10px;width:320px;background:#486aff}
#answer .cl{clear:both}

#answer .chat_window{width:320px;float:right;border-radius:10px;background:#fff;height:642px;margin-top:60px}
#answer .chat_window .h1{background:#486aff;border-radius:10px 10px 0px 0px;margin:0px;width:100%;height:55px;text-align:center;font-size:12pt;font-weight:normal;padding:0px;line-height:3.2em;color:#fff}
#answer .chat_ment{height:510px}
#answer .mge_area{height:45px;bottom:0px;border-top:1px solid #ddd;box-shadow:  0px -5px 8px -5px #ddd;font-size:10pt;line-height:3em;text-align:Center;margin-top:15px}
#answer input{border:0px;background:none;padding:10px;width:76%}
#answer .mge_area img{width:31px;margin:10px}

#answer .content_area{width:960px;float:left}
#answer .content_area .button_area a{color:#4a69ff;border:1px solid #4a69ff;padding:15px 70px;border-radius:10px;font-weight:700}
#answer .content_area .button_area a:hover{color:#fff;border:1px solid #4a69ff;background:#4a69ff;padding:15px 70px;border-radius:10px;font-weight:700}

#answer .profile{margin:30px 0px;background:#fff;border-radius:10px;padding:35px}
#answer .face_profile{border-radius:80px;float:left;margin-right:35px}
#answer .profile span{font-size:8pt;color:#999;display:block;padding:10px;line-height:1.1em;font-weight:normal}
#answer .profile strong{color:#000;font-size:16pt;line-height:1.8em}
#answer .font_blue{color:#5a77ff !important}
#answer h4{font-weight:normal}
#answer .blank_area{height:50px}
#answer .h15{padding-top:15px}
#answer .hr{height:1px;background:#ddd;margin:30px 0px}


#answer .content_area button{padding:10px 15px;margin-top:5px;border:1px solid #ddd}
#answer .content_area button:hover{padding:10px 15px;margin-top:5px;border:1px solid #ddd;background:#fff}




 /*** pay ***/

#pay{margin:0 auto;z-index:11;background:none;position:relative;padding-top:20px;width:1320px}
#pay .n_logo{background:#fff;border-radius:80px;padding:17px 30px;float:left}
#pay h1{padding-left:30px;float:left;color:#fff;font-size:30pt;line-height:1em;margin-top:10px}
#pay h1 span{color:#fff;font-size:18pt;font-weight:normal}
#pay h2{float:left;color:#000;font-size:20pt;line-height:1em;margin-top:60px;border-bottom:5px solid #545cd8;padding-bottom:20px;margin-bottom:20px}
#pay .pay{color:#000}

#pay .set_button{float:right;color:#486aff;font-size:21pt;padding:26px;border-radius:10px;width:320px;background:#fff}
#pay .set_button:hover{float:right;color:#fff;font-size:21pt;padding:26px;border-radius:10px;width:320px;background:#486aff}
#pay .cl{clear:both}

#pay .chat_window{width:320px;float:right;border-radius:10px;background:#fff;height:642px;margin-top:60px}
#pay .chat_window .h1{background:#486aff;border-radius:10px 10px 0px 0px;margin:0px;width:100%;height:55px;text-align:center;font-size:12pt;font-weight:normal;padding:0px;line-height:3.2em}
#pay .chat_ment{height:520px}
#pay .mge_area{height:45px;bottom:0px;border-top:1px solid #ddd;box-shadow:  0px -5px 8px -5px #ddd;}
#pay input{border:0px;background:none;padding:10px;width:80%}
#pay .mge_area img{width:31px;margin-top:10px}

#pay .content_area{width:810px;margin:0 auto !important;padding-top:40px}
#pay .content_area .button_area a{color:#4a69ff;border:1px solid #4a69ff;padding:15px 70px;border-radius:10px;font-weight:700}
#pay .content_area .button_area a:hover{color:#fff;border:1px solid #4a69ff;background:#4a69ff;padding:15px 70px;border-radius:10px;font-weight:700}
#pay .hr{height:1px;background:#ddd;margin:20px 0px}
#pay .subject_b{font-size:20pt;color:#3366ff}
#pay .text_btn{border:1px solid #ddd !important;background:#fcfcfc !important;border-radius:3px}
#pay .text_btn:hover{border:1px solid #486aff !important;background:#486aff !important;border-radius:3px;color:#fff}

#pay .onbtn{border:1px solid #486aff !important;background:#486aff !important;border-radius:3px;color:#fff}
#pay .content_input2 strong{font-size:10pt !important}
#pay .content_input2  h4{font-size:10pt !important;text-align:left !important}
#pay .option_ico{padding:2px 10px!important;background:#000;color:#fff;margin-right:10px;margin-bottom:30px;float:left}
#pay .blue_price{float:right;font-size:24pt !impotant;font-weight:bold;color:#486aff}
#pay .blue_font{float:left;font-size:10pt !impotant;font-weight:bold;color:#486aff;width:90px;}
#pay .bank_div{float:left;padding-left:10px}
#pay .chek_box{border:1px solid #555;width:6px !important;margin-top:10px;vertical-align:middle}
.right_btn{float:right}
#pay u{color:#3399cc}

.text_box{padding:7px; border:1px solid #ddd !important;background:#fcfcfc !important;border-radius:3px; resize:none;}

 /*** result ***/

#result{margin:0 auto;z-index:11;background:none;position:relative;padding-top:20px;width:1320px}

#result .set_button{float:right;color:#486aff;font-size:21pt;padding:26px;border-radius:10px;width:320px;background:#fff}
#result .set_button:hover{float:right;color:#fff;font-size:21pt;padding:26px;border-radius:10px;width:320px;background:#486aff}
#result .cl{clear:both}

#result .chat_window{width:320px;float:right;border-radius:10px;background:#fff;height:642px;margin-top:60px}
#result .chat_window .h1{background:#486aff;border-radius:10px 10px 0px 0px;margin:0px;width:100%;height:55px;text-align:center;font-size:12pt;font-weight:normal;padding:0px;line-height:3.2em}
#result .chat_ment{height:520px}
#result .mge_area{height:45px;bottom:0px;border-top:1px solid #ddd;box-shadow:  0px -5px 8px -5px #ddd;}
#result input{border:0px;background:none;padding:10px;width:80%; resize:none; -webkit-appearance:none; outline:none; height:14px;}
#result .mge_area img{width:31px;margin-top:10px}

#result .content_area{width:810px;margin:0 auto !important;padding-top:40px}
#result .content_area .button_area a{color:#4a69ff;border:1px solid #4a69ff;padding:15px 70px;border-radius:10px;font-weight:700}
#result .content_area .button_area a:hover{color:#fff;border:1px solid #4a69ff;background:#4a69ff;padding:15px 70px;border-radius:10px;font-weight:700}
#result .hr{height:1px;background:#ddd;margin:20px 0px}
#result .subject_b{font-size:20pt;color:#3366ff}
#result .text_btn{border:1px solid #ddd !important;background:#fcfcfc !important;border-radius:3px}
#result .text_btn:hover{border:1px solid #486aff !important;background:#486aff !important;border-radius:3px;color:#fff}

#result .onbtn{border:1px solid #486aff !important;background:#486aff !important;border-radius:3px;color:#fff}
#result .content_input2 strong{font-size:10pt !important}
#result .content_input2  h4{font-size:10pt !important;text-align:left !important}
#result .option_ico{padding:2px 10px!important;background:#000;color:#fff;margin-right:10px;margin-bottom:30px;float:left}
#result .blue_price{float:right;font-size:24pt !impotant;font-weight:bold;color:#486aff}
#result .blue_font{float:left;font-size:10pt !impotant;font-weight:bold;color:#486aff;width:90px;}
#result .bank_div{float:left;padding-left:10px}
#result .chek_box{border:1px solid #555;width:6px !important;margin-top:10px;vertical-align:middle}
#result .link_btn{padding:10px;border:0px;border-left:1px solid #ddd;border-radius:10px;height:34px;float:right;}
#result .robot_icon{padding-top:80px;padding-bottom:30px}
.none_input{border:1px solid #ddd; color:#000 !important; padding:0; resize:none; -webkit-appearance:none; outline:none; border-radius:10px;}
.right_btn{float:right}
.h1_txt{font-size:19pt;color:#000;padding:20px}


 /*** pricing ***/

		.main_pricing{height:500px;background:#fff;text-align:center;}
		.main_pricing h1{padding-top:120px;color:#000;line-height:1.6em;font-weight:bold;padding-bottom:50px;font-size:32pt}
		.p_button{background:#344185;color:#fff;font-size:20pt;padding:20px 60px;border-radius:30px;letter-spacing:-1px;}

		.main_pro .blue_content li:nth-child(2){width:45%;background:#d9e3ee;padding:30px 20px;border-radius:10px;float:left;margin-left:40px}
		.main_pro .blue_content li{width:45%;background:#d9e3ee;padding:30px 20px;border-radius:10px;float:left}
		.main_pro .blue_content h1{text-align:left;color:#000	}
		.main_pro .blue_content h2{font-size:10pt;text-align:left;color:#555;padding-top:10px;padding-bottom:20px}
		.main_pro .blue_content h3{font-size:9pt;text-align:left;color:#555;padding-bottom:5px;border-bottom:1px solid #486aff;color:#486aff;width:65px}
		.main_pro .blue_content p{font-size:9pt;text-align:left;color:#555;padding:10px 0px;color:#555}
		.main_pro .blue_content p strong{font-size:11pt;color:#000}
		.main_pro .value_line{border:1px solid #ddd;height:10px;background:#fff;border-radius:10px;text-align:left}
		.main_pro .value_line button{z-index:3;height:15px;position:absolute;width:40px;margin-top:-2px;margin-left:0px;background:#486aff;border-radius:3px}

		.main_pro .gray_content li:nth-child(2){width:28%;padding:30px 20px;border-radius:10px;float:left;margin:30px 30px}
		.main_pro .gray_content li{width:28%;padding:30px 20px;border-radius:10px;float:left;margin:30px 0px;background:#fff;border:3px solid #fff}
		.main_pro .gray_content li:hover{border:3px solid #486aff}
		.main_pro .gray_content li span{font-size:16pt;color:#486aff}
		.main_pro .gray_content li h1{font-size:26pt;color:#000;line-height:1.2em;padding:20px 0px}
		.main_pro .gray_content li .hr{height:1px;background:#000;margin:20px 0px 15px 0px}
		.main_pro .gray_content li p{text-align:left;font-weight:normal;font-size:9pt}
		.main_pro .gray_content li strong{display:block;color:#000;font-size:11pt;padding:10px 0px}

.sitemwrap {position:relative; margin-top:10px; margin-left:140px;}		
.sitem {display:inline-block; font-size:10.5pt; font-weight:bold; width:14%;}
.sitemwrap select {
    width:150px;
    /* height: 40px; */
    border: 1px solid #dcdcdc;
    font-size: 10.5pt;
    font-weight: 200;
    text-align: left;
    vertical-align: top;
    text-align-last: inherit;
    padding: 5px;
    direction: inherit;
    -webkit-appearance: menulist;
    margin-top:2px;
}

.cmask {position:fixed; z-index:9999999; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,.7); display:none;}
.calert {
    position:absolute; z-index:99999999; width:350px; height:auto; top:50%; left:50%; margin:0 auto; padding:25px;
    transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); border-radius:6px; background:#fff; box-sizing:border-box;;
}
.calert .btn_cclose {position:absolute; top:15px; right:15px; display:inline-block; width:24px; height:24px; background:url(/_core/images/btn_puc.png) no-repeat; text-indent:-9999px;}
.calert h1 {font-size:18px; font-weight:600; color:#2b44c9;}
.calert .cmsg {margin-top:10px; font-size:15px; text-align:center;}
.calert .btn_cok {margin-top:30px; width:100%; padding:12px; border-radius:6px; font-size:10pt; font-weight:600; text-align:center; color:#fff; background:#2b44c9;}

.calert #cloader {height:90px; display:none;}
.calert #cloader #loaderbtn {margin-top:22px; display:none;}
.calert #cloader .loader {margin:0 auto; margin-top:22px; width:60px; height:50px; text-align: center; font-size: 10px;}
.calert #cloader .loader>div {
    height: 100%; width: 8px; display: inline-block; float: left; margin-left: 2px; -webkit-animation: delay 0.8s infinite ease-in-out; animation: delay 0.8s infinite ease-in-out;
}
.calert #cloader .loader .bar1{background-color: #754fa0 ;}
.calert #cloader .loader .bar2{background-color: #09b7bf;-webkit-animation-delay: -0.7s;animation-delay: -0.7s;}
.calert #cloader .loader .bar3{background-color: #90d36b;-webkit-animation-delay: -0.6s;animation-delay: -0.6s;}
.calert #cloader .loader .bar4{background-color: #f2d40d;-webkit-animation-delay: -0.5s;animation-delay: -0.5s;}
.calert #cloader .loader .bar5{background-color: #fcb12b;-webkit-animation-delay: -0.4s;animation-delay: -0.4s;}
.calert #cloader .loader .bar6{background-color: #ed1b72;-webkit-animation-delay: -0.3s;animation-delay: -0.3s;}

.calert.loading #cguide {display:none;}
.calert.loading #cloader {display:block;}
.calert.loading #cloader.loaded #loaderbox {display:none;}
.calert.loading #cloader.loaded #loaderbtn {display:block;}

@-webkit-keyframes delay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.05) }
  20% { -webkit-transform: scaleY(1.0) }
}
@keyframes delay {
  0%, 40%, 100% { 
    transform: scaleY(0.05); -webkit-transform: scaleY(0.05);
  }  20% { 
    transform: scaleY(1.0); -webkit-transform: scaleY(1.0);
  }
}