@charset "utf-8";



@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/NotoSansKR-Regular.woff2) format('woff2'), url(../fonts/NotoSansKR-Regular.woff) format('woff'), url(../fonts/NotoSansKR-Regular.otf) format('opentype');
}




@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: bold;
    src: url(../fonts/NotoSansKR-Bold.woff2) format('woff2'), url(../fonts/NotoSansKR-Bold.woff) format('woff'), url(../fonts/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 500;
    src: url(../fonts/SCDream5.woff2) format('woff2'), url(../fonts/SCDream5.woff) format('woff'), url(../fonts/SCDream5.otf) format('opentype');
}



@font-face {
    font-family: 'SCDream';
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/SCDream6.woff2) format('woff2'), url(../fonts/SCDream6.woff) format('woff'), url(../fonts/SCDream6.otf) format('opentype');
}




@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 300;
    src:  url('../fonts/GmarketSansLight.woff') format('woff'),
       url(../fonts/GmarketSansLight.otf) format('opentype');
}

@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 500;
    src:  url('../fonts/GmarketSansMedium.woff') format('woff'),
       url(../fonts/GmarketSansMedium.otf) format('opentype');
}

@font-face {
    font-family: 'GmarketSans';
    font-style: normal;
    font-weight: 700;
    src:  url('../fonts/GmarketSansBold.woff') format('woff'),
       url(../fonts/GmarketSansBold.otf) format('opentype');
}



* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}


html { height: 100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {   height: 100%; background: #f3f3f3; font-family:SCDream, Noto Sans KR,Malgun gothic,Myriad Pro,sans-serif,Arial,Dotum; color: #555;  font-size: 15px;}


body, div, dl, dt, dd, ul, ol, menu, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding: 0px; }
table { border-collapse: collapse; border-spacing: 0px; }
fieldset, img, abbr, acronym { margin: 0px; border: 0px; _vertical-align: top; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol,ul,menu { list-style: none; }
legend { border: 0 none; *margin-left: -7px }
q:before, q:after { content:''; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: none; }
hr { display: none; }
em { color: inherit; font-weight: normal; font-style: normal; }
img { line-height: 0;}
.fl_r {float:right !important;}
.fl_l {float:left !important;}
.dp_none {display:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary  { display: block; margin: 0; padding: 0; }
table caption { display: none;}
.al_left { text-align: left !important;}
.al_right { text-align: right !important;}
.al_center { text-align: center !important;}

.mgb_0 { margin-bottom: 0px !important; }
.mgb_5 { margin-bottom: 5px !important; }
.mgb_10 { margin-bottom: 10px !important; }
.mgb_20 { margin-bottom: 20px !important; }
.mgb_30 { margin-bottom: 30px !important; }
.mgb_40 { margin-bottom: 40px !important; }


.pdl_0 { padding-left:0 !important; } 
.mgr_15 { margin-right: 15px !important; }
.mgr_20 { margin-right: 20px !important; }
.mgt_10 { margin-top: 10px !important; }
.mgt_20 { margin-top: 10px !important; }

.tbl_int {   border: 1px solid #c4c4c4;  height: 30px;  width: 100%;  font-size: 14px; padding: 0 0 0 4px;  }
.seltype_a {border:1px solid #a4a4a4; height:21px; width:99.8%;  background: #fff;vertical-align: top; font-size: 12px; }
.sel_span { display: inline-block; border:1px solid #d0d0d0;  height: 28px; padding: 2px 0 0 0; background: #fff; min-width: 100px;}
.sel_span select {  width:100%; height: 22px; border:none; background: #fff; font-size: 14px;}

/* Skip Navigation */
#u_skip{position:relative;z-index:2147483647}
#u_skip h3 { display: none; }
#u_skip a{position:absolute;left:0;top:-30px;width:99.8%;background: #000; border:1px solid #4e26bf;text-align:center;outline:none; color:#fff; height: 24px; line-height: 24px;}
#u_skip a:active,#u_skip a:focus{top:0;text-decoration:none;cursor:pointer;color:#fff;zoom:1}









/*header {  z-index: 9; position: fixed; top:0px; height:80px;right:0;left:298px;  transition:all 0.3s ease; }*/
header {  z-index: 9;  position: sticky;  top:0; transition:all 0.3s ease; }



.header_inner  { padding: 0px 0px 0 0px; }
.header_inner .h_logo_box { float: left; margin-left: 30px }
.header_inner .h_logo_box a{ display: block; text-indent: -9999px; overflow: hidden;width: 475px; height: 80px;   background: url(../img/logo.png) no-repeat 0 50%;  padding: 0 0 0 100px }
.header_inner h1 a:after {  content: ''; display: block; position: absolute; left:0; top:0; width: 80px; height: 86px;    background:#004ca2 url(../img/logo.png) no-repeat 50% 50%;  }



.header_right_box { float: right;    margin: 10px 60px 0 0; }
          
.h_r_link { float: left; margin-left: 10px}
.h_r_link:first-child {   margin-left: 0px}
.h_r_link a{ display: block; height: 36px; line-height: 36px; width: 36px;text-align: center; border-radius: 20px}
.h_r_link a:hover { background: #fff; color: #000}

.h_r_link .r_logout_bt  {  background: #e0e0e0; border-radius: 30px; width: auto; padding: 0 20px; height: 36px; display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 14px; gap: 6px;   }
.h_r_link .r_logout_bt i {  display: inline-flex; align-items: baseline;   }




.main_contents_wrap { height: 100vh; margin: 0 0 0 298px; position: relative; transition:all 0.3s ease; overflow: hidden; }
.l_nav_active .main_contents_wrap { margin: 0 0 0 52px; }
.l_nav_active .gpt_s_m_wrap { left: calc(50% + 25.5px); }

/*
.h_r_link a span { display: inline-block;  color: #1a1a1a; font-size: 15px;  padding: 0 0 0 26px;  }

.h_r_link a .t_new_chat { background: url(../img/n_chat_icon_b.png) no-repeat 0 0; background-size: 18px auto; } 
.h_r_link a .t_history_bt { background: url(../img/t_history_bt.png) no-repeat 0 50%;    } 
.h_r_link a .t_alert_bt { background: url(../img/t_alert_bt.png) no-repeat 0 50%;  background-size: 20px auto;   } 
*/


.t_alert_box {  position: relative; }
.t_alert_drop { position: absolute; display: none; transition:all 0.3s ease;  right: 0; padding-top: 10px;}
.t_alert_drop p { background: #fff; padding: 15px; border-radius: 10px;  width: 200px; box-shadow: 0 10px 20px rgba(0,0,0,0.3);  font-size: 14px; line-height: 24px;  }


.t_alert_box:hover  .t_alert_drop  { display: block; }



.h_link_a { display: block; }
.h_link_a:after {    content: ''; display: block; width: 44px; height: 44px; position: absolute; left: 50%; top:50%; margin: -22px 0 0 -22px; border-radius: 22px;  background:#423e3e url(../img/monitor_icon.png) no-repeat 50% 50%; }

.h_link_a:hover:after  {  background-color: #2d2d2d; }



.left_sidebar { width: 298px;top:0px;  position: fixed; left: 0; transition: all 0.5s; background: #f9f9f9; height: 100%;   z-index: 9; border-right: 1px solid #e0e0e0; }



.left_top_box{ padding: 20px 0px 0 7px; height: 80px;   position: relative; }
.left_top_box:after {clear: both; }
.left_top_box:after,
.left_top_box:before { display: table;content: " "; }

.left_top_box h1 {  float: left;  }
.left_top_box h1 a  { text-indent: -9999px;  width: var(--org-sidebar-logo-width, 206px); height: var(--org-sidebar-logo-height, 37px); background: var(--org-system-logo-url, url(../img/system_logo.png)) no-repeat 0 0; background-size: var(--org-sidebar-logo-bg-size, auto);  display: block;  overflow:hidden;  transition:all 0.3s ease; }

.side_toggle_bt { float:right; height: 36px; width: 36px;  border:0px; font-size: 20px; background: #f9f9f9;  padding: 0; margin: 0; line-height: 0; border-radius: 6px;  }
.side_toggle_bt em { background: url(../img/l_n_nav_i.png) 50% 50% no-repeat; display: block; width: 36px; height: 36px; display: block; }
.side_toggle_bt:hover  { background: #ebebeb;  }


.l_nav_active .left_sidebar { width: 51px;    }
.l_nav_active .left_top_box h1 a{ width: 0;  }
.l_nav_active header { left: 0;    }
.l_nav_active .left_bottom_box { width: 0;  padding: 0;   }

.l_nav_active .side_toggle_bt {    width: 36px; margin-right: 7px;  }
.l_nav_active .sub_contents_layout {   margin-left:51px;  width: calc(100% - 51px);  }
.l_nav_active .sub_contents_wrap {    margin-left: 51px; left: 0;    }
.l_nav_active .bottom_search {    margin-left: 51px; left: 0; padding-left: 8px; padding-right: 8px;    }
.l_nav_active .l_chat_list_box {  display: none; }



.l_ai_t_box dl dt { font-size: 18px; color: #111;  margin-bottom: 10px;  }
.l_ai_t_box dl dd { font-size: 15px; color: #555;  }



.l_chat_box { position: relative; margin: 15px 0 0 0;  padding-top: 15px;  }
.l_chat_box:after { content: ''; display: block; position: absolute; left: 8px;right: 8px; top:0px; height: 1px; background: #ddd;  }
.l_chat_box h3 {  font-size: 15px;  margin: 0 0 10px 0;  color: #777; }

.l_chat_list { }
.l_chat_list ul li { margin-bottom: 5px;  }
.l_chat_list ul li a{ display: block;  overflow: hidden;  text-overflow: ellipsis;
    white-space: nowrap; border:1px solid #ddd; border-radius: 6px;font-size: 14px;  
    overflow-wrap: normal;
    overflow: hidden;      padding: 5px 5px 5px 10px; }
.l_chat_list ul li a:hover { background: #fff; color: #000;  }
           

.l_chat_box .l_s_n_t { cursor: default; }
.l_chat_box .l_s_n_t:hover { background: transparent;  }

.l_nav_active .l_chat_box .l_s_n_t { cursor: pointer; }
.l_nav_active .l_chat_box .l_s_n_t:hover  { color: #111; background: #ebebeb;   }






.left_side_area{ padding: 22px 7px 0 7px;  }

.l_s_n_c  { border-bottom: 1px solid #d7d7d7; padding-bottom: 30px; margin-bottom: 30px; }
.l_s_n_c a { position: relative; background:#0b3dac; color: #fff;  display: block;  font-size: 18px; height: 54px; border-radius: 12px;  line-height: 54px;  transition:all 0.3s ease;  white-space: nowrap;  overflow: hidden; }
.l_s_n_c a:hover  {  background:#002b8c;  }
.l_s_n_c span {  display: inline-block; width: 44px; height: 54px;   background: url(../img/n_chat_icon_w.png) no-repeat 50% 50%; text-indent: -9999px; overflow: hidden; vertical-align: middle; }
          





.left_menu { margin: 0px 0 0 0;}
.left_menu >ul>li { margin-bottom:15px; position: relative; padding: 0 0px;  }
.left_menu > ul > li > a { display: block; font-size: 16px; height: 44px; border-radius: 22px; line-height: 44px;    color: #d3d3d3;  transition:all 0.3s ease; white-space: nowrap;  overflow: hidden; }
.left_menu ul li a span {  width: 44px; height: 44px; border-radius: 22px;  display: inline-block;  text-align: center;vertical-align: top;  transition:all 0.3s ease; }



.left_menu ul li a .l_n_ai  {vertical-align: top; background: url(../img/l_n_i03.png) no-repeat 50% 50%;  color: #fff;background-size: 15px auto; }



.left_bottom_box{ position: absolute; left: 25px; right: 0; bottom:20px; color: #a4a4a4; text-align: center; padding: 0 25px ; width: 298px; background: var(--org-footer-logo-url, url(../img/l_footer_img.png)) no-repeat 0 50%;  height: 26px;  opacity: 0.7; transition:all 0.3s ease;    }

.left_menu > ul > li:hover > a  { background:#3e3e3e;  color: #fff; }
.left_menu > ul > li > a.on  {  color: #1d37b9;  background: #dee1f0;   }




.left_menu ul li:hover a .l_n_ai  {  background: url(../img/l_n_i03_hover.png) no-repeat 50% 50%;  background-size: 15px auto; }
.left_menu ul li a.on .l_n_ai  {  background: url(../img/l_n_i03_on.png) no-repeat 50% 50%;  background-size: 15px auto; }









.left_fix_wrap { background: #313131; width: 340px;top: 85px; position: fixed;left: 86px; transition: all 0.5s;bottom:0; z-index: 2; overflow: auto; }
.project_list_wrap { padding: 30px 28px; }
.sub_title_h2 { font-family: SCDream; font-size: 18px; color: #111;  margin-bottom: 10px;   }
.left_nav { }
.left_nav ul li { }
.left_nav ul li a{ display: block; font-size: 16px; color: #111; font-family: SCDream;   font-weight: 500; padding: 8px 0 8px 30px; background: url(../img/left_n_arr.png) no-repeat 14px 50%; border-radius: 8px;  transition:all 0.3s ease; }
.left_nav ul li a:hover { background-color: #f9f9f9;  }
.left_nav ul li a.on { background:#004ca2 url(../img/left_n_arr_w.png) no-repeat 14px 50%;  color: #fff;  }




/*.sub_contents_wrap { position: absolute; left:298px; top:0px; bottom:0; right:0px; transition:all 0.3s ease;  z-index: 1;   padding: 50px 0 40px 0; min-width: 900px; }*/

.sub_contents_wrap {  transition:all 0.3s ease;  z-index: 1;   padding: 50px 0 40px 0;  }
.sub_full_type {  left:126px;  }
.add_filter_con { right:400px; min-width: auto; }

   
.gpt_s_m_wrap {  position: absolute; width: 800px;  left: calc(50% + 80px); top: 45%;  transform: translateX(-50%) translateY(-50%);}
.gpt_s_m_box { background: var(--org-main-logo-url, url(../img/system_logo.png)) no-repeat 50% 0;  padding: 100px 0 0 0;    }
.gpt_s_m_t { text-align: center; font-size: 30px; color: #000; margin-bottom: 20px }

.m_sub_t { text-align: center; font-size: 18px; color: #000; }


.s_i_tab  { position: relative;   border-bottom: 1px solid #ddd; margin-bottom: 20px; }
.s_i_tab:after {clear: both; }
.s_i_tab:after,
.s_i_tab:before { display: table;content: " "; }


.s_i_tab ul li {  float: left; margin-right: 30px; }
.s_i_tab ul li a{color: #777;  line-height: 34px;  display: block; position: relative;  font-size: 16px;  padding: 0 0 0 22px;  }
.s_i_tab ul li a:before { content: ''; display: block; position: absolute; left: 0; top:9px; width: 18px;  height: 16px;  opacity: 0.7 }
.s_i_tab ul li a:after {   content: ''; display: block; position: absolute; left: 0; right:0; bottom:-1px; height: 1px; background: #6c6c6c; opacity: 0; visibility: hidden;  }
.s_i_tab ul li a span{  display:inline-block; margin-left: 10px; }
.s_i_tab ul li a:hover { color: #000; }

.s_i_tab ul li a.s_i_i01:before  { background:url(../img/answer_t_i01.png) no-repeat 50% 0px;   }
.s_i_tab ul li a.s_i_i02:before  { background:url(../img/answer_t_i02.png) no-repeat 0 0px;   }



.s_i_tab ul li a.on   {  color: #333; }
.s_i_tab ul li a.on:before  { opacity: 0.8}
.s_i_tab ul li a.on:after  {  opacity: 1; visibility: visible;  }




.m_info_t_wrap { margin-top: 40px; }
.m_info_row .m_info_box{ margin-bottom: 5px; }
.m_info_row .m_info_box:last-child { margin-bottom: 0px; }
.m_info_box { position: relative; background: #f1f1f1;border-radius: 12px;     padding: 10px 12px 10px 41px; font-size: 14px;  }
.m_info_box span {  display: block; position: absolute; left: 14px; top:10px; font-size: 14px; color: #737373;  }




/* 메인 검색 박스 */
/*.m_gpt_search_wrap { position: relative; margin-top: 40px;  }*/
/*.m_gpt_search_wrap { position: absolute;bottom:15px;   left: 50%;  margin: 0 0 0 -400px; width: 800px;  }*/

.m_gpt_search_wrap { margin-top: 30px;  }
.m_gpt_search_box {background:#fff url(../img/search_int_bg02.png) no-repeat 26px 50%; background-size: 26px auto; height: 68px;  position: relative;   padding: 19px 65px 0 80px;  border:2px solid #00696c; border-radius: 40px; transition:all 0.2s ease;   }


.m_gpt_search_box input {   height: 26px; background: #fff; border:0px; width:100%;font-weight: bold; outline: none; font-size: 18px; }
.m_gpt_search_box .m_search_bt{  position: absolute; right:8px; top:6px; width:52px;height:52px;   border-radius: 30px;background: #f7f5f5; text-align: center; line-height: 52px; font-size: 26px; color: #111;  transition:all 0.3s ease; }

 

.gpt_s_drop { border:3px solid #00696c;  border-top:0px; border-radius: 0 0 50px 50px;   position: absolute;top:60px; background: #fff;  left: 0;  width: 100%; padding: 20px 0 0 0; visibility: hidden;  opacity: 0;transition:all 0.2s ease;    }
.gpt_s_d_inner {   padding: 20px; border-top: 1px solid #ddd; }

.m_gpt_focus_type .m_gpt_search_box {  box-shadow: 0 15px 20px rgba(0,0,0,0.1); border-color: var(--gpt-focus-color, #0b3dac);  }
.m_gpt_focus_type .gpt_s_drop { visibility: visible; opacity: 1;  }

.m_gpt_focus_type  .m_search_bt { background: var(--gpt-focus-color, #0b3dac); color: #fff;  }



.gpt_s_d_inner li a{ display: inline-block; position: relative;  padding: 8px 24px 8px 36px;  font-size: 17px; }
.gpt_s_d_inner li a:hover {  color: #000;border-color:#c7c7c7; }
.gpt_s_d_inner li a:before { content: ''; display: block; position: absolute; left:12px; top:10px; width: 20px; height: 20px;  background: url(../img/related_bullet_i.png) no-repeat 0 0;background-size: 16px auto;  transition: all 0.3s ease; }

.gpt_s_d_inner li a:hover:before   { background: url(../img/related_bullet_i_on.png) no-repeat 0 0;background-size: 16px auto;  }
.m_gpt_focus_type .gpt_s_drop { visibility: visible;  opacity: 1;top:70px;   }







/* 서브 검색 */
.gpt_search_box {  position: relative; } 
.gpt_search_box {background:#fff url(../img/search_int_bg02.png) no-repeat 26px 50%; background-size: 26px auto; height: 80px;  position: relative; padding: 25px 65px 0 80px;   border:3px solid #00696c; border-radius: 40px; transition:all 0.3s ease;   }
.gpt_search_box input {   height: 26px; background: #fff; border:0px; width:100%; font-size: 16px; font-weight: bold; outline: none; font-size: 20px; }
.gpt_search_box .m_search_bt{  position: absolute; right:8px; top:7px; width:60px;height:60px;   border-radius: 30px;background: #f7f5f5; text-align: center; line-height: 64px; font-size: 30px; color: #111;  transition:all 0.3s ease;  }

.gpt_focus_type  {  box-shadow: 0 15px 20px rgba(0,0,0,0.1); border-color:var(--gpt-focus-color, #0b3dac);  }
.gpt_focus_type  .m_search_bt { background: var(--gpt-focus-color, #0b3dac); color: #fff;  }

.gpt_s_i_t { margin-top: 5px; text-align: center; }
.gpt_s_i_t span { font-size: 13px;  display: inline-block; }





.sub_con_inner { width: 800px; margin: 0 auto; box-sizing: border-box; }
.s_gpt_row { padding: 10px 0;  }

.gpt_c_inner {  padding-bottom: 130px}
.gpt_question_row {   position: relative;  padding: 0 0px 0 60px;}
.gpt_question_row p { background:#eaeaea;  border-radius: 12px; padding: 12px 13px;  color: #000;   font-size: 16px; border:1px solid #dcdcdc;  }

.gpt_question_row span  { display: block; position: absolute; left: 0; top:0; width: 52px; height: 52px;    background:#fff; border-radius: 30px; text-align: center; line-height: 52px;font-size: 16px;border:1px solid #d4d4d4;  }



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


.s_gpt_a_box {border:1px solid #ddd;  background: #fff;  border-radius: 12px;  padding: 20px; font-size: 16px; line-height: 30px;  }


.gpt_r_num {background: #fff; display: inline-block;  border:1px solid #999999; text-align: center; border-radius: 5px; height:20px; line-height: normal;width: 20px;font-size: 14px;  cursor: pointer; color: #fff;  margin-left: 5px;  line-height: 20px; vertical-align: middle; }
.gpt_r_num:hover  {  color: #fff;   }

.g_r_bg01 { background: #3196af; }
.g_r_bg02 { background: #13ab82; }
.g_r_bg03 { background: #a14dd1;  }
.g_r_bg04 { background: #f0953c; }



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




.g_r_q_mark { background: #fff;border:1px solid #d5d5d5; 
    border-radius:20px;
    display: inline-block; text-align: left; text-indent: -9999px; background: url(../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(../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;   }


.row_line { height: 1px; background: #e2e2e2; margin: 30px 0;}
.s_gpt_bt_box {  margin-top: 15px; }
.s_gpt_bt_box a{ display: inline-block; width: 36px; height: 36px; border-radius: 10px; overflow: hidden;  transition:all 0.1s ease; color: #969696;  font-size: 18px; text-align: center; line-height: 36px; }

.s_gpt_bt_box a:hover {   color: #222; background: #f9f9f9; }

.s_gpt_h4 { color: #8a8c8f; font-size: 22px; font-family: GmarketSans;  margin-bottom: 25px;  }

.s_gpt_bt_box .s_source_bt {font-size: 14px; color: #222;border-color:#222; margin-right: 30px;width: auto;  }
.s_gpt_bt_box .s_source_bt span { display: inline-block;padding: 0 30px 0 0;    background: url(../img/answer_t_i02.png) no-repeat right 9px; }



.reference_book_box { background: #fff; padding: 20px 20px 20px 80px; border-radius: 14px;   position: relative; }
/*.reference_book_box:hover .r_b_cover p {   transform: translateY(-4px);}*/

.reference_book_box:after {clear: both; }
.reference_book_box:after,
.reference_book_box:before { display: table;content: " "; }





.r_b_cover {   border-radius: 14px; text-align: center;position: relative; margin-bottom: 15px;    float: left; }
/*.r_b_cover   {  color: #fff; background: #f02d2d; font-size: 14px;  width: 40px; height: 40px;  line-height: 40px;  border-radius: 20px; }*/
.r_b_cover p { overflow:hidden; border-radius:14px; border:1px solid #d6d5d5; width: 186px; height: 254px; margin: 0 auto; transition:all 0.3s ease; position: relative; }
.r_b_cover p img  {width: 100%; height: 100% ; }


.r_b_cover p .extention_text  { position: absolute; left: 0; bottom:0; font-size: 14px; color: #fff;  line-height: 20px; padding: 2px 8px; border-radius: 0 12px 0 0;  width: 60px; }
.r_b_cover p .e_t_pdf  { background:#f02d2d;  }
.r_b_cover p .e_t_hwp  { background:#34aee7;  }


/*.r_b_ri { position: absolute; right: -3px; top:10px; font-size: 15px; padding: 5px 10px;  line-height:  normal; color: #fff; border-radius: 10px 0 0 10px; box-shadow: -2px 4px 1px rgba(0, 0, 0, 0.2); }*/
.r_b_ri { position: absolute; right: 0px; top:0px; font-size: 15px; padding: 5px 15px;  line-height:  normal; color: #fff; border-radius: 0px 14px 0 14px;  }
.ri_bg01 { background: #006d70}
.ri_bg02 { background: #25885b}
.ri_bg03 { background: #327fcd}
.ri_bg04 { background: #e8ab4b}


.reference_book_box .gpt_r_num { position: absolute; left:20px;  top:20px; width:  28px; height: 28px;font-size: 16px; font-weight: bold;  line-height: 28px; }


.r_b_text {   position: relative; padding:  0 0 0 0px; margin-bottom: 20px}
.r_b_date { display: inline-block; padding: 2px 15px;  background: #e8e8e8; font-size: 14px; border-radius: 20px;  color: #555;  line-height: normal; margin-bottom: 5px }
.r_b_text a{ overflow: hidden;  display: block; }



.related_list_box li { margin-bottom: 10px; }
.related_list_box li a{ display: inline-block; position: relative;  padding: 8px 24px 8px 36px; border:1px solid #e5e5e5; border-radius: 10px; }
.related_list_box li a:hover {  color: #000;border-color:#c7c7c7; }
.related_list_box li a:before { content: ''; display: block; position: absolute; left:12px; top:11px; width: 20px; height: 20px;  background: url(../img/related_bullet_i.png) no-repeat 0 0;background-size: 18px auto;  transition: all 0.3s ease; }

.related_list_box li a:hover:before   { background: url(../img/related_bullet_i_on.png) no-repeat 0 0;background-size: 18px auto;  }
    
    
    


.r_b_t_box { margin: 0 0 0 220px}
                                         

.r_b_t_row {  padding: 0 0 0 10px; }
.r_b_t_row .r_b_t_item {  border-top: 1px solid #ddd; padding-top: 15px; margin-top: 15px;   } 
.r_b_t_row .r_b_t_item:first-child { border-top: 0px;padding-top: 0px; margin-top: 0px;   } 
.r_b_t_item p{ font-size: 15px; padding: 0 0 0 20px; position: relative; max-height: 60px; overflow: hidden; }
.r_b_t_item .r_b_t_r4 { max-height: 114px;  }
.r_b_t_item p i {   color: #999;   position: absolute; left: 0; top:4px; }


.bottom_search { z-index: 1; position: absolute; padding:20px 8px 15px 8px;  left: 0px; right:0; bottom:0;  backdrop-filter: blur(5px);  transition:all 0.3s ease;  }

.bottom_search .gpt_search_box { width: 800px;  margin: 0 auto; height: 68px; padding-top: 19px;  border-width:  2px; box-sizing: border-box; transform: translateX(-7px);}
.bottom_search .gpt_search_box input {  font-size: 18px;  }
.bottom_search .gpt_search_box .m_search_bt {   width: 52px; height: 52px;  line-height: 56px; font-size: 26px;   top:5px;    }







/*로딩 프로그레스*/
.lodding_progress  { width: 100%; background: #e2e2e2; height: 13px; overflow: hidden; position: relative; margin-bottom: 12px;  border-radius: 10px;  }
.lodding_p_bar  {   animation-duration: 2s;
    animation-name: pgmove;
    animation-iteration-count: infinite;
    height: inherit;
    opacity: 0.4;
    left: 0;  position: absolute; height: 13px; 
    width: 300px;   background: linear-gradient(to right, #dedede, #f9f9f9, #ebebeb); }

 @keyframes pgmove {
    from {
      left: -300px;
    }
    
    to {
      left: 100%;
    }
  }







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


.sample_q_wrap { display: flex;  justify-content: flex-end;   }
.sample_q_box {  position: relative;  padding: 10px 10px 10px 0;}
.sample_q_t { display: inline-block;  color: #777; }

.sample_q_drop {  position: absolute; right: 0; bottom:20px;    opacity: 0; visibility: hidden;  transition: all 0.3s ease;  }

.sample_q_d_i  {  width: 340px; padding: 20px; border-radius: 12px; background: #fff;  }


.sample_q_d_i ul li { margin-bottom: 7px }
.sample_q_d_i ul li:last-child { margin-bottom: 0px }
.sample_q_d_i ul li a { display: block;border: 1px solid #ddd; border-radius: 6px; padding: 5px 5px 5px 10px; font-size: 14px;  }
.sample_q_d_i ul li a:hover  {border-color: #000; background: #fff; color: #000;    }


.sample_q_box:hover .sample_q_t { color: #000;  }
.sample_q_box:hover .sample_q_drop {  opacity: 1; visibility: visible; bottom:40px;    }



.t_source_box {transition: all 0.3s ease;  padding: 10px; border-radius: 10px;  background: #fff; border:1px solid #efefef; }
.t_source_box:hover { border-color: #ccc; }
.t_source_box:hover .t_source_top span {  color: #222; }

.t_source_top {  display: flex;  margin-bottom: 5px; line-height: 26px }
.t_s_u_t { font-size: 12px; height: 36px; overflow: hidden;  line-height: 18px; color: #555;  }
.t_s_name {font-size: 14px;    color: #000; flex: 0 0 auto;  transition:all 0.3s ease;line-height: 28px;  }
.t_s_name em  { background: #fff; font-size: 12px;  display: inline-block; width: 26px;height: 26px; border-radius: 20px; text-align: center; line-height: 26px; color: #1e35b7; vertical-align: top; }
.t_source_top span { width: auto;  margin-left: 10px;  font-size: 13px;   display:block;   text-overflow: ellipsis;white-space: nowrap; overflow-wrap: normal;overflow: hidden; }

.t_s_n_link {display: flex; }





.source_l_col { border-bottom: 1px solid #ddd; padding: 15px 0; }


.source_l_col:hover  .t_s_name{   color: #0b3dac}

.s_l_i_row { padding: 0 0 0 20px;  } 
.s_l_i_box {  display: flex; }
.s_l_i_box span {  padding: 0 0 0 8px; display: block; flex-basis: 110px; font-size: 13px; color: #666;   position: relative;  line-height: 24px; }
.s_l_i_box span:after { content: ''; display: block; position: absolute; left: 0; top:50%; margin-top: -6px;  width: 3px; height: 8px; background: #adadad;   }
.s_l_i_t { line-height: 24px;   flex: 1; font-size: 13px;     text-overflow: ellipsis; white-space: nowrap;
overflow-wrap: normal;overflow: hidden;  }




.modal-header {background: #2562b4; }
.modal-header .modal-title { color: #fff; font-size: 16px;  }
.modal-header .btn-close {  background: url(../img/close_bt_w.png) no-repeat 50% 50%  }


.line_brick { border:1px solid #dbdbdb; border-radius: 10px; }
.l_b_inner { padding: 20px;  position: relative; }

.md_r_link { position: absolute; right: 10px; top:10px; }
.md_r_i_t { font-size: 20px;  color: #000; margin-bottom: 30px}
.md_r_i_t i{ font-size: 18px;  vertical-align: middle; color: #555; }

.md_r_i_row dl  { border-bottom: 1px solid #e2e2e2;   display: flex; padding-bottom: 10px;margin-bottom: 10px; }
.md_r_i_row dl:last-child  { border-bottom: 0px; margin-bottom: 0;  padding-bottom: 0; }
.md_r_i_row dl dt { flex-basis: 104px; position: relative; padding: 0 0 0 10px; font-size: 14px; color: #000;display: flex; align-items: center; }
/*.md_r_i_row dl dt:after  {  content: ''; display: block;  position: absolute; left: 0; top:5px; width: 3px; height: 7px; background: #9a9a9a;  }*/
.md_r_i_row dl dt em {  position: relative; padding: 0 0 0 10px; font-size: 14px; color: #000;  } 
.md_r_i_row dl dt em:after  { content: ''; display: block;  position: absolute; left: 0; top:5px; width: 3px; height: 7px; background: #9a9a9a;   }


.md_r_i_row dl dd { flex: 1;  font-size: 16px; color: #000;  }



.m_l_b_row .line_brick { margin-bottom: 30px;  }
.m_l_b_row .line_brick:last-child { margin-bottom:0px;  }
.md_r_keyword span  {  display: inline-block; border:1px solid #dbdbdb; border-radius: 30px; padding: 0 15px; font-size: 14px; line-height: 32px;  }

.md_r_i_t { font-size: 16px; }

.normal_bt  {  border:1px solid #2562b4; color: #fff; font-size: 15px; display: inline-block; background: #2562b4;   line-height: 38px; padding: 0 16px; height: 38px;  transition:all 0.3s ease;  border-radius:10px; text-align: center; min-width: 120px;  }
.normal_bt:hover   {  border:1px solid #002b8c;  background: #002b8c;    }


.line_bt {  border:1px solid #dedede; color: #555; font-size: 15px; display: inline-block; background: #fff;   line-height: 38px; padding: 0 16px; height: 38px;  transition:all 0.3s ease;  border-radius:10px; text-align: center; min-width: 120px;  }
.auto_size { width: auto; }
.line_bt:hover  {color: #000; border-color:#000;  }



.l_s_n_b { margin-bottom: 5px; }
.l_s_n_t {color: #333; font-size: 16px; display: block;  padding:0px 0 0 0px; border-radius: 8px; white-space: nowrap;  height: 36px;   line-height: 38px;
    overflow: hidden; cursor: pointer; }
.l_s_n_t:hover  {  color: #111; background: #ebebeb;      }
.l_s_n_t span {  width: 36px; height: 36px;  display: inline-block; vertical-align: top;  }
.l_s_n_t .l_s_n_i01   {background: url(../img/l_n_i01.png) no-repeat 50% 50%  }
.l_s_n_t .l_s_n_i02   {background: url(../img/l_n_i02.png) no-repeat 50% 50%  }
.l_s_n_t .l_s_n_i03   {background: url(../img/l_n_i03.png) no-repeat 50% 50%  }

.l_chat_list_box { padding: 0 8px;}


.l_n_chat_s {margin: 0 0 15px 0; padding: 10px 70px 0px 10px;  height: 40px; background: #fff;border-radius: 10px; border:1px solid #ddd;  position: relative; }
.l_n_chat_s .inttype{  width:100%; height: 22px;border: 0px; font-weight: 500; color: #222;  font-size: 14px; outline: none;     font-family: SCDream;  }

.s_r_s_bt { position: absolute; right:2px;top:0px;   display: block; width:38px; height: 38px;     background: url(../img/l_n_c_search.png) no-repeat 8px 8px;  text-indent: -99999px;  border:0px; outline: none;  }



.sub_contents_layout {   transition:all 0.3s ease;  display: flex;height: 100vh; margin-left: 298px; overflow-x: hidden; width: calc(100% - 298px);  }
.sub_contents_area {  display: flex;
    height: 100%;     flex-direction: column;
    max-width: 100%; position: relative;
    flex: 1 1 0%;
    padding: 8px; min-width: 0; }

.sub_contents_area .sub_contents_wrap {     overflow-y: scroll; height: 100%;  padding-top: 30px;  }



.right_side_box {transition: all 0.3s ease;background: #efefef; height: 100%;  border-left: 1px solid #e0e0e0; flex-shrink: 0;width: 0;min-width: auto;transition:all 0.3s ease;  opacity: 0; visibility: hidden;  }
.right_side_inner { padding: 20px; }

.r_source_close { width: 30px; height: 30px;  background: url(../img/close_bt_i.png) no-repeat 50% 50%;  position: absolute; right: 10px; top:10px; text-indent: -9999px; overflow:hidden; }

.right_side_scroll{ height: 100%; overflow-y: scroll; }


.active_source_t .right_side_box {   opacity: 1; visibility:visible; width: 38%; min-width: 280px;   }


.l_c_f_wrap { display: flex;height: 100vh; }

.l_c_f_con { display: flex;
    height: 100%;
    max-width: 100%;
    flex: 1 1 0%; background: #ccc; 
    gap: 8px;
    padding: 8px; }

.l_c_r_con { background: #ddd }

.l_c_answer_con { width: 100%; background: #ff9900}

.left_nav_box { width: 297px; }


.active_source_t .sub_con_inner {  width: 100%; } 

@media all and (max-width :1400px) {
    
    .gpt_s_m_wrap { width:600px; left: calc(50% + 80px); transform: translateX(-50%) translateY(-50%);}
    .m_sub_t { font-size: 15px; }
    .sub_con_inner { width: 600px; }
    .s_gpt_a_box{  font-size: 14px; }
    .gpt_question_row p { font-size: 14px; }
    
   
    
    
}