/* gpt style */

.gpt_chat_box {   position: fixed; right: 5%; bottom: 10%; z-index: 9; }
.gpt_chat_box a { position: relative;background:#2bb0e6 url(../img/gpt_img/gpt_logo_w.png) no-repeat 50% 50%; width: 56px; height: 56px; border-radius: 15px;   display: block; background-size: auto 23px; box-shadow: 0 5px 10px rgba(0,0,0,0.4);transition:all 0.3s ease;  }
.gpt_chat_box a span  { display: block; position:absolute; opacity: 0;transition:all 0.3s ease;  right: 0px; top:5px; height: 46px; background: #157ca5; color: #fff;  width: 140px; padding: 12px 0 0 0;text-align: center;border-radius: 15px;   }
.gpt_chat_box a:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.6);   }
.gpt_chat_box a:hover span  { opacity: 1; right: 60px   }




.gpt_slide_wrap { width:460px;   top:0;right:-460px; overflow: hidden;position: fixed;  background:#fff; height: 100%; z-index: 999; box-shadow: 0 2px 10px rgba(72,72,72,0.5);  padding:0; opacity: 0;background: none;}/* transition: all 0.5s; */
.l_n_scroll_box {    overflow-y: scroll;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 207px;  }


.gpt_header_wrap { position: relative;}
.gpt_header_box {  position: absolute;border-bottom: 2px solid #5d5252;
    left: 0;
    right: 0; height: 70px;
    top: 0;
    width: auto;
    float: none;
    padding: 0px 0 0px 20px;
    background: #fff;
    z-index: 9; }


/*.gpt_header_logo{ text-indent: -9999px; float: left; background: url(../img/gpt_img/gpt_header_logo.png) no-repeat 50% 50%; height: 30px; width: 133px; margin-top: 18px; }*/

.gpt_close_bt {  float: right; background: url(../img/gpt_img/rn_close_bt.png) no-repeat 50% 50%; display: block;  width: 56px; height: 56px; text-indent: -9999px; overflow: hidden; border:0px;    margin: 6px 0 0 0; border-radius: 28px;  transition:all 0.3s ease; }
.gpt_close_bt:hover { background-color: #f3f3f3; }

.gpt_c_scroll_box { overflow-y: scroll;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 130px;
    top: 70px; }


.gpt_m_s_box { position: absolute; top:50%;left: 0; right: 0;  margin-top: -85px; }


.gpt_search_logo {  background: url(../img/gpt_img/gpt_logo.png) no-repeat 50% 0; background-size: auto 50px;height: 50px;text-indent: -9999px;   margin-bottom: 20px; }

.gpt_search_box {
    position: relative;
    width: 100%;
    height: 56px;
    border-radius: 28px; border:1px solid #3a65d6;
    background: #fff;   box-shadow: 0 2px 10px rgba(72,72,72,0.3); transition:all 0.3s ease;
}

.m_int_ef { box-shadow: 0 2px 15px rgba(72,72,72,0.5);  }


.gpt_search_box dl {
    position: relative;
    padding: 0 70px 0 25px
}

.gpt_search_box dl dt {
    display: none
}

.gpt_search_box dl .int_dd {
    padding: 17px 0 0 0
}



.gpt_search_box dl .int_dd .ts_select select {
    border: 0;
    background: #fff;
    height: 20px;
    outline: 0;
    font-size: 14px
}

.gpt_search_box dl .int_dd .ts_int {
    display: block;
}

.gpt_search_box dl .int_dd .inttype {
    width: 100%;
    height: 22px;
    border: 0;
    font-weight: bold;
    color: #222;
    font-size: 16px
}

.gpt_search_box dl .s_bt_dd {
    position: absolute;
    right: 2px;
    top: 2px
}

.gpt_search_box dl .s_bt_dd .ms_bt {
    width: 52px;
    height: 52px;
    background: url(../img/gpt_img/gpt_search_bt.png) no-repeat 50% 50%;
    border: 0;
    text-indent: -99999px;border-radius: 26px;
    display: inline-block; transition:all 0.3s ease;
}

.gpt_search_box dl .s_bt_dd .ms_bt:hover {
    background-color: #f3f3f3;


}

.gpt_search_bottom { border-top:1px solid #ddd;  background: #f2f6f4;height: 130px;  position: absolute; left: 0; right:0; bottom:0;     padding: 34px 20px 0 20px;  }


.gpt_s_t_box { border:1px solid #ddd; border-radius: 20px; padding: 20px; margin: 0 42px; }
.gpt_s_t_inner {  background: url(../img/gpt_img/gpt_m_t_icon01.png) no-repeat 0 0;padding: 0 0 0 28px; }
.gpt_s_t_inner p { font-size: 15px;  margin-bottom: 5px; }
.gpt_s_t_inner p:last-child {  margin-bottom: 0px; }

.s_gpt_row {     border-bottom: 1px solid #ececec;
    padding: 24px 0;
    font-size: 14px; }

.gpt_c_inner { padding: 0 25px 25px 25px; }
.gpt_question_row { text-align: right; padding:  0 0 0 30%;}
.gpt_question_row span { background:#ebebeb;  border-radius: 10px; padding: 13px;  display: inline-block;  }


.s_gpt_a {  position: relative;  padding: 0 0 0 45px; line-height: 20px; font-size: 15px; line-height: 26px; }
.s_gpt_a:after  {  content: ''; display: block; position: absolute; left:0; top:-4px;  background:#62c4ec  url(../img/gpt_img/gpt_logo_w.png) no-repeat 50% 50%;   width: 34px; height: 34px; border-radius: 17px; background-size: 22px auto; }

.gpt_r_num {background: #fff; display: inline-block;  border:1px solid #999999; text-align: center; border-radius: 3px; height: 18px; line-height: normal;width: 18px;font-size: 14px;  cursor: pointer }
.gpt_r_num:hover  { border-color: #000;  }

.s_gpt_bt_box {  margin-top: 15px; }
.s_gpt_bt_box a{ display: inline-block; width: 30px; height: 30px; border-radius: 5px;text-indent: -9999px; overflow: hidden; opacity: 0.5; transition:all 0.3s ease;  }
.s_gpt_bt_box .gpt_b_i01 {  background: url(../img/gpt_img/gpt_b_i01.png) no-repeat 50% 6px;  }
.s_gpt_bt_box .gpt_b_i02 {  background: url(../img/gpt_img/gpt_b_i02.png) no-repeat 50% 6px;  }
.s_gpt_bt_box .gpt_b_i03 {  background: url(../img/gpt_img/gpt_b_i03.png) no-repeat 50% 6px; }
.s_gpt_bt_box .gpt_b_i04 {  background: url(../img/gpt_img/gpt_b_i04.png) no-repeat 50% 6px; }
.s_gpt_bt_box a:hover { background-color: #f9f9f9;opacity: 1;  }


.s_gpt_ul { margin-left: 20px; margin-bottom: 20px;}
.s_gpt_ul li {     list-style-type: disc;  margin-bottom: 10px; }
.s_gpt_ul li:last-child {     margin-bottom: 0px; }

.g_reference_box {  margin-top : 20px;}
.g_reference_box h4{ font-size: 18px; color: #8a8c8f;   margin-bottom: 15px; }
.g_reference_box ul li {  padding: 0 0 0 10px;  margin-bottom: 10px; }
.g_reference_box ul li:last-child { margin-bottom: 0px; }
.g_reference_box ul li a{ position: relative; display: block; border:1px solid #d5d5d5; border-radius: 10px; padding: 13px 13px 13px 20px; }
.g_reference_box ul li a span { position: absolute; display: block; top:50%; left: -10px; margin-top: -10px;  border:1px solid #999999; background: #fff;  border-radius: 5px;  min-width: 20px;height: 20px; text-align: center; }
.g_reference_box ul li a:hover { color: #2d52b1; text-decoration: underline }


.g_related_box { padding: 30px 0;}
.g_related_box ul li { text-align: right; margin-bottom: 10px}
.g_related_box ul li:last-child { }
.g_related_box ul li a{     background: #fff;border:1px solid #d5d5d5;
    border-radius: 10px;
    padding:10px 13px;
    display: inline-block; }
.g_related_box ul li a:hover  {color: #2d52b1; text-decoration: underline }

.g_r_q_mark { background: #fff;border:1px solid #d5d5d5;
    border-radius:20px;
    display: inline-block; text-align: left; text-indent: -9999px; background: url(../img/gpt_img/gpt_q_mark.png) no-repeat 50% 10px; width: 40px; height: 40px; vertical-align: top;  margin-right: 10px; }



.gpt_new_chat{  position: relative; padding: 0 0 0 70px; }
.gpt_new_chat_box { position: absolute; left: 0;  }
.gpt_new_chat_bt  { position: relative; width: 56px; height: 56px; border:1px solid #929292;background:#fff  url(../img/gpt_img/gpt_new_chat.png) no-repeat 15px 15px; border-radius: 28px;  }
.gpt_new_chat_bt span { position: absolute; top:-13px;left: -3px;  background:rgba(0,0,0,0.7); border-radius: 5px; color: #fff; width: 62px; text-align: center; font-size: 13px;  height: 26px; line-height: 26px;  transition:all 0.3s ease;  opacity: 0;  }
.gpt_new_chat_bt:hover span {opacity: 1;  top:-33px;   }




.gpt_ai_k_switch {  margin: 0;
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;vertical-align: middle;
}

.gpt_ai_k_switch input {
    display: none;
}

.gpt_ai_k_slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .4s;
    border-radius: 34px;
}

.gpt_ai_k_slider:before {
    position: absolute;
    content: "";
    height: 22px;
    width: 22px;
    left: 4px;
    bottom: 4px;
    background-color: white;
    transition: .4s;
    border-radius: 50%;
}

input:checked+.gpt_ai_k_slider {
    background-color: #2051e0;
}

input:focus+.gpt_ai_k_slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked+.gpt_ai_k_slider:before {
    transform: translateX(30px);
}


/* ON OFF 글자 추가 */

.gpt_ai_k_slider::after {
    content: "OFF";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: calc(100% - 27px);
    transform: translateY(-55%);
    font-size: 10px;
    color: #555;
}

input:checked+.gpt_ai_k_slider::after {
    content: "ON";
    left: 10px;
    color: #fff;
}



.add_ai_keyward { width:980px; position: relative; padding: 0 180px 0 0;}

.gpt_ai_k_box {  position: absolute; right:0; top:5px; }
.gpt_ai_k_tit { font-size: 14px; font-weight: bold; color: #000;  display: inline-block; vertical-align: middle;  }
.gpt_ai_k_tit strong {  color: #3554c7;  }

.gpt_ai_k_help  {  display: inline-block;  margin: 0 5px 0 0;vertical-align: middle;   }
.gpt_ai_k_help span { display: block; width: 18px; height: 18px; text-indent: -9999px; overflow: hidden; background:#fff url(../img/gpt_img/ai_q_mark.png) no-repeat 50% 50%;  border:1px solid #929292; border-radius: 9px;  cursor: pointer;}

.gpt_ai_k_drop {left: 50%;opacity: 0;visibility: hidden;z-index: 9;transition: all 0.3s ease;position: absolute;width: 200px;background:rgba(0,0,0,0.7);padding: 15px;border-radius: 10px;margin-left: -100px;top: 38px; }
.gpt_ai_k_drop p { color: #fff; font-size: 14px;   }

.gpt_ai_k_help:hover .gpt_ai_k_drop { opacity: 1; visibility: visible;  top: 28px; }

.gpt_search_box input {
    height: 26px;
    background: #fff;
    border: 0px;
    width: 100%;
    font-weight: bold;
    outline: none;
    font-size: 16px;
}

/* gpt style */

.gpt_chat_box {   position: fixed; right: 5%; bottom: 10%; z-index: 9; }
.gpt_chat_box a { position: relative;background:#28396c url(../img/background/gchat_bt_bg.png) no-repeat 0 0; width: 60px; height: 60px; border-radius: 15px;   display: block; box-shadow: 0 5px 10px rgba(0,0,0,0.4);transition:all 0.3s ease;  border-radius: 30px; }
.gpt_chat_box a em { display: block; font-family: Gmarket Sans; font-size: 26px; color: #fff; font-weight: 300; text-shadow: 0 2px 2px #000;  text-align: center; line-height: 60px }

.gpt_chat_box a:after { content: ''; display: block; position: absolute; right: 2px; bottom:2px; width: 14px; height: 16px; background: url(../img/background/gchat_bt_arr.png) no-repeat 0 0; }
.gpt_chat_box a span  { display: block; position:absolute; opacity: 0;transition:all 0.3s ease;  right: 0px; top:8px; height: 46px; background: #20367c; color: #fff;  width: 140px; padding: 12px 0 0 0;text-align: center;border-radius: 15px;   }
.gpt_chat_box a:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.6);   }
.gpt_chat_box a:hover span  { opacity: 1; right: 70px   }




.modal_box { position:fixed;display: none; background:#000; z-index: 99; top: 0;left:0; right: -1000px;bottom: 0;opacity: 0; }

.gpt_slide_wrap { width:460px;   top:0px;bottom:0px;right:-460px;position: fixed;   z-index: 999;  padding:0; opacity: 0;  overflow: hidden;padding: 15px;   }/* transition: all 0.5s; */
.l_n_scroll_box {    overflow-y: scroll;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 207px;  }


.gpt_slide_inner  { position: relative; height: 100%;  box-shadow: 0 2px 10px rgba(72,72,72,0.5);  background: #fff;border-radius: 20px; overflow:hidden; }


.gpt_header_wrap { position: relative;}
.gpt_header_box {  position: absolute;border-bottom: 1px solid #c4cacb;
    left: 0;
    right: 0; height: 70px;
    top: 0;
    width: auto;
    float: none;
    padding: 0px 0 0px 20px;
    background: #fff;
    z-index: 9; }


.gpt_header_logo{  float: left;   margin-top:22px;  font-family: Gmarket Sans;  font-size: 20px; color: #000}
.gpt_header_logo span { color: #28396c; display: inline-block;   }


.gpt_close_bt {  float: right; background: url(../img/background/rn_close_bt.png) no-repeat 50% 50%; display: block;  width: 56px; height: 56px; text-indent: -9999px; overflow: hidden; border:0px;    margin: 6px 0 0 0; border-radius: 28px;  transition:all 0.3s ease; }
.gpt_close_bt:hover { background-color: #f3f3f3; }

.gpt_c_scroll_box { overflow-y: scroll;
    position: absolute; background: #f9f9f9;
    left: 0;
    right: 0;
    bottom: 110px;
    top: 70px; }


.gpt_m_s_box { position: absolute; top:50%;left: 0; right: 0;  margin-top: -85px; }


.gpt_m_logo {   background: url(../img/background/gchat_logo.png) no-repeat 50% 0; height: 60px;  text-align: center; margin-bottom: 20px; background-size: auto 60px;text-indent: -9999px; overflow: hidden; }
.gpt_s_t_box { border:1px solid #ddd; border-radius: 20px; padding: 20px; margin: 0 42px; }
.gpt_s_t_inner {  background: url(../img/background/related_bullet_i_on.png) no-repeat 0 0;padding: 0 0 0 28px; background-size: 16px auto; }
.gpt_s_t_inner p { font-size: 15px;  margin-bottom: 5px; }
.gpt_s_t_inner p:last-child {  margin-bottom: 0px; }

/*.gpt_search_logo span { color: #28396c; display: inline-block;   }*/

/*
.gpt_search_box {
    position: relative;
    width: 100%;
    height: 56px;
    border-radius: 28px; border:1px solid #3a65d6;
    background: #fff;   box-shadow: 0 2px 10px rgba(72,72,72,0.3); transition:all 0.3s ease;
}
*/




.m_int_ef { box-shadow: 0 2px 15px rgba(72,72,72,0.5);  }



.gpt_search_bottom { border-top:1px solid #ddd;  background: #f2f6f4;height: 110px;  position: absolute; left: 0; right:0; bottom:0;     padding: 26px 20px 0 20px;  }



/* 서브 검색 */

.gpt_search_box { position: relative; background:#fff url(../img/background/search_int_bg.png) no-repeat 20px 50%; background-size: 21px auto; height: 56px;  position: relative; padding: 14px 58px 0 56px;   border:1px solid #00696c; border-radius: 40px; transition:all 0.3s ease;   }
.gpt_search_box input {   height: 26px; background: #fff; border:0px; width:100%;  font-weight: bold; outline: none; font-size: 16px; }
.gpt_search_box .g_m_search_bt{  position: absolute; right:6px; top:5px; width:44px;height:44px;   border-radius: 30px;  text-align: center;  transition:all 0.3s ease;  background:#f7f5f5 url(../img/background/gpt_search_bt_i.png) no-repeat 50% 50%; background-size: 18px auto; text-indent: -9999px; }



.gpt_focus_type  {  box-shadow: 0 15px 20px rgba(0,0,0,0.1); }
.gpt_focus_type .g_m_search_bt { background: #0b3dac url(../img/background/gpt_search_bt_i_w.png) no-repeat 50% 50%; background-size: 20px auto;  }




.gpt_c_inner { padding:20px; }
.s_gpt_row { padding: 10px 0;  }


.gpt_question_row { text-align: right; padding:  0 0 0 30%; position: relative;  padding: 0 54px 0 0;}
.gpt_question_row p { background:#575757;  border-radius: 15px; padding: 10px 13px;  display: inline-block;  color: #fff;   font-size: 14px; line-height: 24px;   }

.gpt_question_row span  { display: block; position: absolute; right: 0; top:0; width: 44px; height: 44px;    background:#575757 url(../img/background/gpt_q_icon.png) no-repeat 50% 50%;  background-size: 17px auto; border-radius: 30px;   }



.s_gpt_a {  position: relative;  padding: 0 0 0 54px; line-height: 20px; font-size: 15px; line-height: 26px; }
.s_gpt_a:after  {  content: ''; display: block; position: absolute; left:0; top:0px;  background:#fff  url(../img/background/gchat_a_bg.png) no-repeat 50% 50%;   width: 44px; height: 44px; border-radius: 26px; background-size: 20px auto; border:1px solid #d4d4d4; }

.s_gpt_a_box {border:1px solid #ddd;  background: #fff;  border-radius: 15px;  padding:10px 13px; font-size: 18px; line-height: 30px;  }


.s_gpt_p_t { margin-top: 15px; font-size: 14px;line-height: 24px; }
.s_gpt_a_box .s_gpt_p_t:first-child { margin-top: 0; }