@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: 500;
    src: url(../fonts/NotoSansKR-Medium.woff2) format('woff2'), url(../fonts/NotoSansKR-Medium.woff) format('woff'), url(../fonts/NotoSansKR-Medium.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: #fff; font-family:Noto Sans KR,Malgun gothic,Myriad Pro,sans-serif,Arial,Dotum; color: #555;  font-size: 15px; word-break: keep-all; }


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}






.brick { background: #fff; border-radius: 16px;position: relative;transition: all 0.3s ease;  position: relative;box-shadow: 0 2px 10px rgba(72,72,72,0.1); }
.brick:hover {   box-shadow: 0 10px 15px rgba(72,72,72,0.1); position: relative; }


.brick_line {  background: #fff; border-radius: 16px; position: relative; transition: all 0.3s ease; border:1px solid #eaeaea  }
.brick_line:hover  {box-shadow: 0 10px 25px rgba(72,72,72,0.1); }


.line_box {  background: #fff; border-radius: 16px; position: relative; transition: all 0.3s ease; border:1px solid #efefef; padding: 20px 0 20px 20px }

.b_pd { padding: 25px 20px; }



.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 span {display: inline-block;  line-height: 36px; transition:all 0.1s ease;  }
.line_bt:hover  {color: #000; border-color:#000;  }

.list_back_bt {background: url(../img/background/list_back_i.png) no-repeat 0 11px; padding: 0 0 0 60px   }

.l_download_bt {background: url(../img/background/l_download_icon.png) no-repeat right 11px; padding: 0 25px 0 0px   }






.header_wrap {  background: #fff;border-bottom: 1px solid #ebebeb; text-align: center; }
.header_inner {  }
.header_inner:after {clear: both; }
.header_inner:after,
.header_inner:before { display: table;content: " "; }


.header_inner h1 {  float: left; padding: 32px 0 0 0;  background: #000 }
.header_inner h1 a {display: block; text-indent: -9999px;overflow: hidden; width: 382px; height: 28px;background: url(../img/background/logo.png) no-repeat 0 0;  background-size: auto 100%;     }





.header_inner .gnb_bg,
.header_inner + .gnb_back_bg { display:none; }

#gnb { clear: both; z-index:30;  float: left; }
#gnb .nav_menu_a { display: block; line-height: 92px; font-size: 18px;color: #000;  transition: all 0.3s ease; text-align: center;  }

.header:after, .gnb:after, .top_util:after, .txt_box:after, .top_util .txt_box:after, .footer:after, .f_util:after, .mark_list:after{display:block;clear:both;content:" ";}


#gnb .menu{position:relative;float:left; width:180px;  }
#gnb .menu:first-child, .top_util .util li:first-child, .top_util .top_roll ul li:first-child, .f_util li:first-child{margin-left:0;padding-left:0;background:none;}

#gnb .sub_menu { transition: 0.3s; display:none;position:absolute;left:0;top:93px; z-index:30;   border-left:1px solid #e5e5e5;  background: #fff;  width:100%; height: 254px;}
#gnb .sub_menu ul { text-align:left; padding: 5px 5px 0 5px; height: 198px; }

#gnb .sub_menu li{  float:none; margin-bottom: 2px; }
#gnb .sub_menu li:last-child {   margin-bottom: 0; }
#gnb .sub_menu li a{  color: #555; padding: 0 0 0 24px; font-size: 15px;  display: block;   line-height: 24px; text-align: left;line-height: 36px;position: relative; border-radius: 4px; }
#gnb .sub_menu li a:after { content: ''; display: block; position: absolute; left:12px; top:16px;background: #c5c5c5; width: 3px;height: 3px; }


#gnb .menu:hover .nav_menu_a { color: #a9882d; }

#gnb .menu .nav_menu_a span { display: inline-block;  position: relative; }
#gnb .menu .nav_menu_a span:after  { content: ''; display: block; height: 4px; position: absolute; bottom:-1px; left:50%; width: 0; right: 50%;  background: #a9882d;   transition: all 0.3s ease;   }

#gnb .menu .nav_menu_a.on { color:#fdeea3;  }
#gnb .menu:hover .nav_menu_a span:after,
#gnb .menu .nav_menu_a.on span:after  {  left:0; right: 0; width: 100% }
#gnb .menu .nav_menu_a.active span:after  { display: block;  left:0; right: 0;  }

#gnb .menu.on:after { content: ''; display: block; height: 3px; width: 100%; position: absolute; bottom:10px; left:0; background:#000; }
#gnb .menu.on:hover:after { bottom: 0px; }
#gnb .menu:hover .sub_menu { background-color: #EEFFFF; }

#gnb .sub_menu a:hover{ text-decoration: underline; background: #f9f9f9; color: #000  }
#gnb .sub_menu .line_space{width:61px;}

#top_nav_wrap { float: left;  margin: 0 0 0 20px; }
#top_nav_wrap.menu5 { margin-left: 30px; }

.gnb_bg {   display: none; position: absolute; left: 0px; right: 0px; top: 93px;width: 100%; height: 256px; z-index: 10; overflow: hidden; /* box-shadow: 0 7px 7px 0 #222, 0 7px 7px 0 transparent;  */ transition: all 0.3s ease;   background:#fff url(../img/background/top_nav_bg.png) no-repeat 0 bottom;  }
.gnb_bg .bg_wrap { transition: 1s;   height: 256px;width: 1320px;margin: 0 auto;  }
/*.gnb_back_bg { content: ''; display: block; clear: both; position: fixed; width:100%; top:282px;left:0;right:0;bottom:0;  height: 100%; background: #000; opacity: 0.4;z-index: 9; text-indent: -9999px;overflow: hidden;}*/



.gnb_back_bg { content: ''; display: block; clear: both; position: fixed; width:100%; top:349px;left:0;right:0;bottom:0;  height: 100%; background: #000; opacity: 0.4;z-index: 9; text-indent: -9999px;overflow: hidden; }



.top_right_box { float: right; margin: 22px 0 0 0;}

.t_r_bt { float: left; }
.t_r_bt .header_user_bt{ display:block; float: left; width: 52px; height: 52px; border-radius: 26px;font-size: 18px; background: #f3f3f3;  text-align: center; line-height: 52px;  transition:all 0.3s ease; }
.t_r_bt .header_user_bt:hover {  background-color: #ebebeb; color: #222;   }

.h_login_bt {border-radius: 40px;  border:1px solid #fff; display: inline-block; padding: 6px 15px 0 15px;  color: #d3d3d3;  height: 38px; margin-top: 6px; font-size: 15px; }
.h_login_bt i { margin-right: 3px; }
.h_login_bt:hover { color: #fff;  }


.h_user_login {  position: relative; }

.top_my_drop {     position: absolute;
    top: 59px;
    width: 320px;
    margin: 0 0 0 -215px;
    right: -10px;
    z-index: 99;
    transition: all 0.3s ease;
    background: #fff;
    padding: 11px 0 0 0;border-radius: 10px;
    min-height: 300px; box-shadow: 0 7px 15px rgba(0,0,0,0.3);
    opacity: 0;
    visibility: hidden;

}

.top_my_drop.active {  visibility: visible; top:52px; opacity: 1;  }

.top_my_d_inner { padding: 15px; }






/*
.nav_user_info { float: right;  margin: 30px 0 0 0;}
.nav_user_name_box { text-align: left; padding:10px;border-radius: 5px;  margin-bottom: 15px;position: relative; background: #f7f7f7;  }
.nav_user_name_box p{ font-size: 14px; font-weight: normal; color: #222; }

*/



.user_info_data { overflow: hidden; }
.user_info_data {}


.uid_type{  padding:10px 15px; position: relative; }
.uid_type p { position: absolute; right:15px; top:11px; font-size: 12px; }
.uid_type p a{ display: inline-block; text-decoration: underline;   font-weight: bold; font-size: 18px; }
.uid_type span {  display: block; color: #383838; font-size: 14px; text-align: left; }


.side_bt_box {
    float: left;
    position: relative;
    display: none;
    margin-left: 15px
}



.mobile_nav_bt {
    width: 38px;
    height: 38px;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent;
    border: 0
}

.mobile_nav_bt span {
    position: absolute;
    left: 0;
    display: block;
    height: 4px;
    width: 100%;
    background: #fdeea3
}


.hamb-top {
    top: 5px;
    transition: all .35s ease-in-out 0s
}

.hamb-middle {
    top: 50%;
    margin-top: -2px
}

.hamb-bottom {
    bottom: 5px;
    transition: all .35s ease-in-out 0s
}





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



.left_sidebar {
    width: 300px;
    top: 0;
    right: -310px;
    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: 1
}

.l_n_scroll_box {
    overflow-y: scroll;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 138px
}

.l_n_top_box {
    position: relative
}

.left_sidebar .nav_user_info { margin-top: 0px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: auto;
    float: none;
    padding: 20px 0 10px 0;
    background: #fff;
    z-index: 9
}

.left_nav_wrap .l_nav_menu {
    display: block;
    font-size: 20px;
    position: relative;
    line-height: 46px;
    padding: 0 0 0 22px;
    color: #000;
    background: #f4f4f4;
    margin-bottom: 10px
}

.left_nav_wrap ul {
    padding: 0;
    margin: 0
}

.left_nav_wrap ul li {
    margin-bottom: 30px;

}

.left_nav_wrap .l_nav_menu:after {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 0;
    top: 0;bottom:0;
    width: 6px;
    background: #987f43
}

.left_nav_wrap ul ul li {
    margin: 0;
    border-bottom: 0;
    padding: 0
}

.left_nav_wrap ul ul li a {
    display: block;
    padding: 0 0 0 30px;
    position: relative;
    font-size: 14px;
    color: #555;
    line-height: 30px;
    font-size: 16px
}

.left_nav_wrap ul ul li a:after {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    left: 20px;
    top: 13px;
    height: 3px;
    width: 3px;
    background: #a7a7a7
}


.n_logout_type .l_n_scroll_box { top: 320px; }


.n_login_type .user_name_box {     border-bottom: 0;
    padding: 0 0 0px; 
     margin: 0 0 0px 0; }
.n_login_type .l_n_scroll_box {  top:138px;  }



.m_n_logo_box  { height: 100px;  background: url(../img/background/m_n_top_logo.png) no-repeat 50% 50%; text-indent: -9999px; overflow:hidden; }


.user_name_box {
    text-align: center;
    border-bottom: 1px solid #f2eeee;
    padding: 0 0 15px;
    margin: 0 0 15px 0
}



.nav_user_info .user_info_data { background: #fff; border-radius: 10px;   margin: 0 10px; border:1px solid #ededed; }
.nav_user_info .user_info_data .uid_type  {padding: 6px 15px; }
.nav_user_info .user_info_data .uid_type p {top:3px; }

.nav_user_info ul li {
    margin-bottom: 1px; border-bottom: 1px solid #ededed; 
}
.nav_user_info ul li:last-child { border-bottom: 0px; }

.nav_user_info ul li a { 
    padding: 8px 8px 8px 15px; 
    display: block;
    text-align: left
}
.nav_user_info ul li a:hover  {  background: #f9f9f9; color: #111; }

.nav_user_info ul li .n_logout_bt {
    background: #f3f3f3;
    display: block;
    text-align: center;
    padding: 6px 20px;
    border-radius: 5px
}

.nav_user_info ul li .n_logout_bt span {
    color: #807f7f;
    padding: 0 18px 0 0;
    background: url(../img/background/nav_user_logout.png) no-repeat right 50%
}

/*
.nav_user_info ul li:last-child {
    border-top: 1px solid #ddd;
    padding: 10px 0 0 0
}
*/

.user_name_box span {
    display: block; margin: 0 auto 5px auto; 
    width: 64px;
    height: 64px;
    overflow: hidden;
    background: #222;
    border-radius: 32px;
    text-align: left; text-align: center; color: #fff; font-size: 30px;  line-height: 64px;
    overflow: hidden
}

.user_name_box p {
    font-size: 16px;
    color: #111;
    margin: 0 0 5px 0
}

.user_name_box a {
    display: inline-block;
    padding: 0 15px;
    line-height: 26px;
    color: #777;
    border-radius: 13px;
    border: 1px solid #ddd
}

.user_name_box a:hover {
    background: #fff;
    color: #000;border-color: #987f43;
}

.nav_user_bottom {
    text-align: left;
    overflow: hidden;
    padding: 0 15px
}

.nav_user_bottom a {
    display: inline-block;
    float: left;
    padding: 5px 8px;
    border-radius: 20px
}

.nav_user_bottom a span {
    display: inline-block;
    font-size: 13px;
    color: #286ec5;
    background-size: 14px auto
}

.nav_user_bottom a:hover {
    background: #f3f3f3
}

.nav_user_bottom .n_logout_bt {
    float: right
}

.nav_user_bottom .n_logout_bt span {
    color: #807f7f;
    padding: 0 18px 0 0;
    background: url(../img/background/nav_user_logout.png) no-repeat right 50%
}

.nav_user_bottom a:first-child {
    border: 1px solid #333;
    background: #333;
    min-width: 80px;
    text-align: center
}

.nav_user_bottom a:first-child span {
    color: #fff
}




.rn_close_bt {
    position: absolute;
    right: 10px;
    top: 4px;
    width: 30px;
    height: 30px;
    text-indent: -9999px;
    overflow: hidden;
    background: #f9f9f9 url(../img/background/rn_close_bt.png) no-repeat 50% 50%;
    border-radius: 15px
}


.sub_visual_bg {background: url("../img/background/sub_visual_bg02.jpg") 50% 0 no-repeat;  background-attachment: fixed}
.sub_visual_wrap {}



.sub_visual_inner {
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sub_visual_inner h2 {
    font-size: 40px;
    color: rgb(255, 255, 255);
    margin: 0px;
}





.sub_contents_wrap { margin-bottom: 120px;  margin-top: 45px;  }



.l_t_r { float: right; }

.l_t_r .form-select { min-width: 140px;  }


.l_t_search { float: left; position: relative;     padding: 6px 40px 0 10px; height: 38px; border:1px solid #c0c0c0; width: 294px; background: #f5f5f5;  border-radius: 8px; overflow: hidden; }
.l_t_s_int { font-size: 16px; height: 24px; border:0px !important;outline: none;width: 100%; background: #f5f5f5;   }
.l_t_s_bt { position: absolute; right:0; top:0; width: 36px; height: 36px; background: #f5f5f5;  overflow: hidden; border:0px;  }
.l_t_s_box { float: left; }


.float_box { float: left; width: auto;  margin-left: 5px; }








.list_top_i_b {  overflow: hidden;  margin-bottom: 15px}
.list_top_i_b .page_num_box {   float: left; margin-bottom: 0; margin-top: 7px  }
.list_top_i_b .l_t_r {   float: right; }




.page_num_box { padding: 0 0 0px 26px;background: url(../img/background/page_num_icon.png) no-repeat 0 2px;   font-size: 18px; color: #000; margin-bottom: 5px; margin-left: 10px;}
.page_num_box strong  {  color: #ea8925; font-weight: normal; }



.list_sort_box {  float: left;  padding: 3px 0 0 0; margin-right: 3px;  }
.list_sort_box ul li { float: left; margin-right: 15px; padding-right: 14px; position: relative; }
.list_sort_box ul li:after  { content: ''; display: block; position: absolute; right:0; top:6px;  width: 1px; height: 12px; background: #bfbfbf; }
.list_sort_box ul li:last-child {  margin-right: 0px; padding-right: 0px;   }
.list_sort_box ul li:last-child:after {display: none; }

.list_sort_box ul li a{ display: block;  border-radius: 20px;  font-size: 16px; }
.list_sort_box ul li a:hover {    }
.list_sort_box ul li a span {background: url(../img/background/sort_bg01.png) no-repeat right 50%;  color: #999; line-height: 32px; display: block; padding: 0 20px 0 0; }
.list_sort_box ul li .asc_on { background: #fff; }
.list_sort_box ul li .asc_on span  {   background: url(../img/background/sort_bg03.png) no-repeat right 50%;  color: #222; }
.list_sort_box ul li .desc_on span{   background: url(../img/background/sort_bg02.png) no-repeat right 50%;  color: #222; }








.paginate_complex {
    line-height: normal;
    text-align: center;
    margin-top: 15px;
}

.paginate_complex a, .paginate_complex strong {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 0px 2px;
    line-height: 42px;
    min-width: 32px;
    font-size: 15px;
    color: rgb(119, 119, 119);
    text-decoration: none;
    vertical-align: middle;  border-radius: 12px;
}

.paginate_complex a:hover, .paginate_complex a:active, .paginate_complex a:focus {
    background-color: rgb(248, 248, 248);
}

.paginate_complex strong {
    color: rgb(0, 0, 0);
    font-weight: normal;
}

.paginate_complex .direction {
    border: 1px solid rgb(219, 219, 219);
    text-indent: -9999px;
    width: 40px;
    margin: 0px;
    height: 40px;
    border-radius: 12px;
    z-index: 1;
    text-decoration: none !important;
}

.paginate_complex .first_prev {
    background: url("../img/background/paginate_bg01.png") 12px 50% no-repeat rgb(255, 255, 255);
}

.paginate_complex .prev {
    background: url("../img/background/paginate_bg01.png") -37px 50% no-repeat rgb(255, 255, 255);
}

.paginate_complex .last_next {
    background: url("../img/background/paginate_bg02.png") -33px 50% no-repeat rgb(255, 255, 255);
}

.paginate_complex .next {
    background: url("../img/background/paginate_bg02.png") 17px 50% no-repeat rgb(255, 255, 255);
}

.paginate_complex .direction:hover, .paginate_complex .direction:active, .paginate_complex .direction:focus {
    border: 1px solid rgb(99, 99, 99);
    position: relative;
    z-index: 999;
}

footer { background: #151515;  padding: 20px 0;}
.f_link_inner { overflow: hidden;       position: relative; }
.f_link_inner ul li { float: left;  margin-left: 20px; position: relative; position: relative; padding: 0 0px 0 20px;   }
.f_link_inner ul li:after  { content: ''; display: block; position: absolute;  left:0; top:14px; width: 1px; height: 12px;  background: #b0b0b0; }
.f_link_inner ul li a{  font-size: 14px;  display: block; color: #dcdcdc; padding: 5px 0; line-height: 30px; }
.f_link_inner ul li:first-child { margin-left: 0px; padding-left: 0px;  }
.f_link_inner ul li:first-child:after  { display: none;  }
.f_link_inner ul li:first-child a{   color: #e4ffda;   }
.footer_t_box {   overflow: hidden; }
.footer_t_box p { font-size: 14px; color: #999999;     padding: 5px 0;}



.search_bt_box {   position: relative;  float: left;  }
.sub_search_bt {  overflow: hidden; width:52px;height:52px;  display: block; line-height: 52px;
    font-size: 24px; }
.sub_search_bt:hover { color: #000; }

.mobile_s_wrap { opacity: 0; visibility: hidden;  position: fixed; z-index:9999; background: url(../img/background/modal_bg02.png) repeat;  height: 100%; left:0; right:0; width:100%; top:92px;  -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out; border-top:1px solid #ddd; }
.mmobile_s_int {     }
.mmobile_s_int input { width:99.8%; border:0px; background: transparent;color: #000; height: 30px; font-size: 16px;  padding: 0 0 0 8px; border-radius: 0px; }
.mobile_s_wrap.search_active {  opacity: 1; visibility:visible;  }

.mobile_s_inner { background: #fff; }
.ms_box {  padding: 70px 20px 0 20px;background: #fff;height: 134px; position: relative; }
.ms_box .ms_sel {   display: block; float: left; width:90px; }
.ms_box .ms_sel select { border:0px; background: #fff; height: 22px; width:100%;  }
.ms_box .mmobile_s_int {  margin: 0 34px 0 100px; }
.ms_box .sub_search_bt { background:#f9f9f9 url(../img/background/rn_close_bt.png) no-repeat 50% 50% !important; position: absolute; right:0px; top: 20px; background-size: 20px auto; text-indent: -9999px;overflow: hidden;width: 40px; height: 40px; border:0px; border-radius: 19px; }


.ms_box .ms_seartch_bt  {  position: absolute;background: url(../img/background/mobile_search_bt.png) no-repeat 50% 50%;  text-indent: -99999px; overflow: hidden; width: 32px; height: 32px;  border:0px; right:0; top:0;  background-size: 18px auto; border-radius: 16px  }
.ms_box .ms_seartch_bt:hover { background-color: #f9f9f9; }
.ms_contents  {border-bottom:5px solid #ccc; padding: 0 0 10px 0; position: relative; }


.v_page_nav_wrap { background: rgba(253,238,163,0.1); }
.v_page_nav { text-align: right;    }

.s_p_box  { float: left;  border-right: 1px solid #46443f   }
.s_p_home { display: block; text-align: left; text-indent: -9999px; overflow: hidden; border-left: 1px solid #46443f; height: 68px;width: 68px;  background: url(../img/background/s_page_home.png) no-repeat 50% 50%;     }
.s_page_inner:after {clear: both; }
.s_page_inner:after,
.s_page_inner:before { display: table;content: " "; }
.s_p_bt { line-height: 68px; text-align: left; border:0px;  font-size: 16px; color: #fff; padding: 0 26px 0 17px;min-width: 190px; background:transparent  }
.s_p_bt:after { color:#fff;position: absolute;right: 14px;top: 32px;  }
.dropdown-menu {  border-radius:0px; }
.s_p_box .dropdown-menu  { border-color:#d8d8d8; margin: -2px 0 0 -1px !important;  min-width: 192px;  }
.s_p_box .dropdown-item  { font-size: 15px; }

.l_project_item { display: block; }

.l_project_img { border:1px solid #d0d0d0; overflow: hidden;   transition:all 0.3s ease; border-radius: 15px;  height:246px; margin-bottom: 10px  }
.l_project_img img { width: 100%; height: 100%;  transition:all 0.3s ease; }
.l_project_date {  font-size: 16px; color: #717171; padding-left: 10px; margin-bottom: 5px; }
.l_project_tit { display: block;  font-size: 20px; color: #000000; padding-left: 10px  }

.l_project_item:hover .l_project_img { border-color:#987f43; box-shadow: 0 6px 22px rgba(0, 0, 0, 0.3); }
.l_project_item:hover .l_project_img img { transform: scale(105%,105%)}
.l_project_item:hover .l_project_tit { color: #a9882d;   }


.p_view_top {  position: relative; border-top:2px solid #000; padding-top: 35px;  }
.p_view_top .line_bt  { width: 140px; position: absolute; right:0; top:15px; }
.p_v_date {  font-size: 16px; color: #555; margin-bottom: 5px }
.p_v_date i {   color: #7c7c7c;  margin-right: 5px; }
.p_v_tit {font-size: 34px; color: #000; font-weight: 700;  margin-bottom: 25px; }

.p_v_tit_eng { font-size: 18px; font-weight: 500; }



.p_view_info { }

.p_view_i_img { overflow: hidden; border-radius: 15px; float: left; }
.p_view_i_img img {  width: 100%;height: auto; }

.p_v_i_row {  }
.p_v_i_col { }

.p_v_i_tit{ font-size: 24px; color: #111; position: relative; padding: 0 0 0 15px; margin-bottom: 10px;}
.p_v_i_tit:after { content: ''; display: block; position: absolute; left:0; top:9px;  width: 5px;height: 15px; background: #987f43; }
.p_v_i_pt { font-size: 17px; color: #333;line-height: 30px;  }


.p_v_i_list {  background:#f9f9f9 url(../img/background/view_logo_bg.png) no-repeat right bottom;padding: 20px 25px; border-radius: 10px;   }
.p_v_i_list ul li { margin-bottom: 10px;   position: relative;  padding: 0 0 0 16px; font-size: 17px; }
.p_v_i_list ul li:after  {content: ''; display: block; position: absolute; left:0; top:10px;  width: 6px;height: 3px; background: #b0b0b0;  }
.p_v_i_list ul li:last-child { margin-bottom: 0px; }

.v_division_line { height: 1px;background: #e7e7e7; margin: 40px 0;}

.v_c_h4 { font-size: 24px; color: #111; font-weight: 700;line-height: 36px;   margin-bottom: 20px }
.v_c_h4 span { display: inline-block;background: #b98f2b; width: 36px; height: 36px; border-radius: 18px; text-align: center; color: #fff;  font-size: 16px; line-height: 36px;  vertical-align: middle; }


.v_slide_row { position: relative;margin-bottom: 80px  }
.v_s_more{ position: absolute; right: 0; top:0; }
.v_s_more span { display: inline-block; position: relative; font-size: 16px; padding: 0 26px 0 0;  line-height: 20px; }
.v_s_more span:after  {  content: ''; display: block;  position:absolute; right:0px; top:0px;  width: 18px; height: 18px;background: url(../img/background/v_plus_i.png) no-repeat 0 0;    }
.v_s_more:hover span { color: #000; }


.v_r_s_item { }
.v_r_s_item a{ display: block; }
.v_r_s_i_cover {  border:1px solid #d0d0d0;  border-radius: 10px; overflow: hidden; margin-bottom: 10px;    }
.v_r_s_i_cover img { width: 100%; height: 100%;  }
.v_r_s_i_tit {  font-size: 18px; color: #000;   padding: 0 0 0 5px; }






.info_cover_box { display: flex; }



.i_c_c_img { flex-basis: 268px;   flex-shrink: 0;  position: relative;  padding: 0 24px 0 0;   }

.i_c_c_i_b {  position: relative; }
.i_c_c_i_b img { border-radius: 15px;  overflow: hidden;  border:1px solid #ddd }
.i_c_t_box { flex-grow: 1; border-top: 1px solid #5d5d5d; padding: 30px 0 0 0;   position: relative; /*min-height: 344px; */ }
.i_c_c_i_b:after  {content: ''; display: block;position: absolute; right: -24px; bottom:0;  background: url(../img/background/cover_shadow_bg.png) no-repeat 0 0;width: 24px; height: 100%; background-size: 24px 100%;   }

.i_c_c_none_i img { border:1px solid #ddd; width: 100%; height: 100%;  }


/** 250110 수정 */
.i_c_t_tit { display: block;  font-size: 18px; color: #000; /*text-overflow: ellipsis; white-space: nowrap; overflow-wrap:z normal; overflow: hidden;   margin-bottom: 25px;*/ }
.i_c_t_tit span { display: block; font-size: 15px; color: #555;  margin-top: 5px; }
.i_c_t_tit:hover { color: #000; }

.add_o_t .i_c_t_tit {margin-bottom: 0;  }


.i_c_t_d dl { margin-bottom: 10px; }
.i_c_t_d dl:last-child { margin-bottom: 0px; }
.i_c_t_d dl dt { background: url(../img/background/i_c_t_arr.png) no-repeat 0 7px;   padding: 0 0 0 12px;   font-size: 16px; color: #777;  font-weight: 500; margin-bottom: 5px; }
.i_c_t_d dl dd { color: #333; font-size: 16px;  }

.i_c_t_row dl dt{ float: left;  margin-right: 15px}


.i_c_t_bottom { position: absolute; left: 0; right: 0; bottom:0; z-index: 1;}
.i_c_t_bottom { background: #f3f3f3; overflow: hidden; border-radius: 10px; }
.i_c_t_bottom ul li { float: left; width: 25%; text-align: center; position: relative; }
.i_c_t_bottom ul li:after  { content: ''; display: block;  position: absolute; right:0; top:50%; width: 1px; height: 21px;background: #c2c2c2;  margin-top: -10px;  }
.i_c_t_bottom ul li:last-child:after  { display: none; }
.i_c_t_bottom ul li a{  display: block; color: #555;  line-height: 50px; }
.i_c_t_bottom ul li a:hover {  color: #000;  }


.list_header_box{ border-top: 2px solid #000; border-bottom: 1px solid #dfdfdf; padding: 24px 0; margin-bottom: 30px;   }
.h_back_bt{ border:1px solid #d0d0d0 ;  width: 44px; height: 44px;background: url(../img/background/slide_arr_l.png) no-repeat 50% 50%;    text-indent: -9999px; overflow: hidden; vertical-align: middle;  display: inline-block; border-radius: 8px; }
.h_back_bt:hover { border-color:#000; }
.list_header_box span { display: inline-block; vertical-align: middle;  font-size: 18px; color: #555;  margin-left: 10px;}



.s_time_service_wrap { margin-top: -80px;     background: url(../img/background/s_time_dotted.png) repeat-y 50% 0 }



.s_t_date{     display: block;width:50px; height:50px;
    margin: 0 auto;
    line-height: 50px;
    background: #ea8925;
    border-radius: 25px; font-size: 18px;
    text-align: center; font-family: GmarketSans;
    color: #fff;   position: absolute; left:50%; top:0; margin-left: -25px;z-index: 9 }


.s_time_h4 { display: block;
    line-height: 40px;font-family: GmarketSans;
    margin: 50px auto 40px auto;  width: 140px; border-radius: 30px;
    background: #2c2922 !important;
    text-align: center;
    font-size:22px;
    font-weight: 500;
    color: #fff !important; }


.s_time_box { position: relative;
    padding: 0 0px;
    padding-top: 17px;
     /* overflow: hidden; margin-top: -150px; */

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


.s_time_row:first-child { margin-top: 0; background: url(../img/background/view_logo_bg.png) no-repeat right 140px;   }
/** 250424 타임라인 마지막 도트 추가 제거 */
/*.s_time_box:last-child { background: url(../img/background/s_time_dotted_last.png) no-repeat 50% bottom   }*/

/*.s_time_row .s_time_col:first-child .s_time_box{  margin-top: 0; }*/

/*.s_time_col .s_time_box:first-child {  margin-top: 0; }*/

.s_time_inner { position: relative;  padding: 0px 0 32px 0;}
/*.s_time_inner:after { content: '';display: block; position: absolute; left: 0; top:5px; background: url(../img/background/time_t_l01.png) no-repeat  0 0; height: 8px;  width: 50%;   }*/





.s_time_panel {  position: relative;float: left; width: 45%;}


.t_p_right:after  { transform: rotate(180deg); left: auto; right: 0; }
.t_p_right .s_time_panel  { float: right;  text-align: left; }


.s_time_panel .i_c_t_box{ border:1px solid #ddd; border-radius: 16px 0 16px 16px; padding: 15px;  box-shadow: -5px 12px 12px rgba(0,0,0,0.1);  position: relative; transition:all 0.3s ease;  background: #fff; }
.s_time_panel .i_c_t_box:after  { content: ''; display: block; position: absolute; right: -12px; top:-1px; width: 12px; height: 14px;background: url(../img/background/s_time_r_arr.png) no-repeat  0 0;  }

.s_time_panel .i_c_c_img{ background: none;  }
.s_time_panel .i_c_t_box:hover {  box-shadow: -5px 12px 12px rgba(0,0,0,0.2);   }

.t_p_right .info_cover_box {  flex-direction: row-reverse; }
.t_p_right .info_cover_box .i_c_c_img { padding-left: 24px;  padding-right: 24px;  }


.t_p_right .s_time_panel .i_c_t_box { border-radius: 0px 16px 16px 16px;  box-shadow: 5px 12px 12px rgba(0,0,0,0.1);  }
.t_p_right .s_time_panel .i_c_t_box:after  {  left: -12px; right: auto; background: url(../img/background/s_time_l_arr.png) no-repeat 0 0;   }
.t_p_right .s_time_panel .i_c_t_box:hover {  box-shadow: 5px 12px 12px rgba(0,0,0,0.2);   } 


.add_img_timeline { }
.add_img_timeline .s_time_row .s_time_col:first-child .s_time_box{  margin-top: 0; }
.add_img_timeline .s_time_col .s_time_box:first-child {  margin-top: 0; }
.add_img_timeline .s_time_inner:after { content: '';display: block; position: absolute; left: 0; top:5px; background: url(../img/background/time_t_l01.png) no-repeat  0 0; height: 8px;  width: 50%;   }

.add_img_timeline .t_p_right:after  { transform: rotate(180deg); left: auto; right: 0; }
.add_img_timeline .s_time_panel .i_c_t_box {     border-top: 0px;padding-top: 0;       padding: 30px 0 0 0; position: relative;min-height: 344px; box-shadow: none;  border: none;border-radius:0;  }
.add_img_timeline .s_time_panel .i_c_t_box:after{ display: none; }
.add_img_timeline .info_cover_box {  margin-top: 30px; }
.add_img_timeline .t_p_right .s_time_panel .i_c_t_box:hover { box-shadow: none;}









.forum_time_top { overflow: hidden;  position: relative; }
.v_tit_h3 {font-size: 26px; color: #111; font-weight: 700; }
.v_tit_h3 span { display: inline-block; background: #101d40; width: 36px; height: 36px;border-radius: 22px;  text-align: center; color: #fff;  font-size: 16px; line-height: 36px;  vertical-align: top; }

.v_tit_h3 em {  display: inline-block; vertical-align: top; }

.forum_time_top .form-select { min-width: 120px; }

.t_t_r_b { position: absolute; right: 0; top:0; }
.t_t_r_sel { float: left;  margin-left: 5px; }

.v_b_more_bt  { text-align: center; margin-top: 40px; }
.v_b_more_bt a { display: inline-block; background: #fff; border-radius: 8px; width: 200px; height: 42px ;border:1px solid #ddd;  padding-top: 7px;  }
.v_b_more_bt a span {  display: inline-block; padding: 0 22px 0 0 ; background: url(../img/background/down_arr_i.png) no-repeat right 7px; font-size: 16px; color: #555;   background-size: 12px auto; }
.v_b_more_bt a:hover  { border-color:#000;  }
.v_b_more_bt a:hover span { color: #000;}



.view_top_tit_box {  padding: 30px 130px 24px 0;   border-top: 2px solid #000; position: relative;  margin-bottom: 30px;  }
.view_top_tit_box .line_bt {   position: absolute; right: 0; top:22px; }


.box_inner_tab { position: relative;  overflow: hidden;   background: url(../img/background/tab_line_bg.png) repeat-x 0 bottom; margin: 0px 0px 10px 0px;  margin-bottom: 50px;  }

.box_inner_tab ul li{ float: left; width: 25%; }

.box_inner_tab ul li a { text-align: center; font-size: 20px; display: block; padding: 20px 20px 0 20px;  height: 68px;  color: #777;  min-width: 140px; }
.box_inner_tab ul li a:hover  {  color: #000}
.box_inner_tab ul li a.active   {  background: #fff !important; position: relative;border:1px solid #adadad; border-bottom: 0px;  color: #ea8925 !important;   }
.box_inner_tab ul li a.active:before  { content: ''; display: block; position: absolute; height: 3px; background:#ea8925; right:0px; top:-1px;  left:0;  }


.list_tab_type { margin-bottom: 15px; }





.f_v_info_box {  position: relative;  padding: 12px 15px 0 15px;  }
.f_v_info_box:after  { content: ''; display: block; position: absolute; right: 0; top:0; width: 54px; height: 54px; border-radius: 27px; }
.f_v_i_i01:after  {   background:#e7e7e7 url(../img/background/forum_v_i01.png) no-repeat 50% 50%;  }
.f_v_i_i02:after  {   background:#e7e7e7 url(../img/background/forum_v_i02.png) no-repeat 50% 50%;  }
.f_v_i_i03:after  {   background:#e7e7e7 url(../img/background/forum_v_i03.png) no-repeat 50% 50%;  }
.f_v_i_i04:after  {   background:#e7e7e7 url(../img/background/forum_v_i04.png) no-repeat 50% 50%;  }


.f_v_info_t { font-size: 20px; color: #555;  margin-bottom: 25px;}
.f_v_info_box p { font-size: 18px; color: #111; }

.v_img_box img{ width: 100%; height: auto; }

.v_f_i_line .col-md-6 {  position: relative; }

.v_f_i_line .col-md-6:after  {   content: ''; display: block; position: absolute; right: 0; top:0; bottom:0; width: 1px;  background: #ccc; }
.v_f_i_line .col-md-6:last-child:after  {  display: none; }




.file_list_col { border-bottom: 1px solid #e9e9e9;  padding: 25px 0;}

.file_list_box { position: relative;  padding: 5px 0 0 90px;}
.file_list_box:before { content: ''; display: block; position: absolute; left:0; top:0;  width: 70px; height: 70px; background:#e6e6e6 url(../img/background/file_list_i.png) no-repeat 50% 50%; border-radius: 35px; }
.file_list_box .line_bt { position: absolute; right:0; top:0; }

.file_list_box .f_l_tit { display: block; font-size: 18px; color: #000;margin-bottom: 5px;  }
.file_list_box .f_l_tit:hover  {  color: #b98f2b;   }
.file_list_box p { font-size: 16px; color: #777; font-family: GmarketSans; }





.project_top_tab { position: relative;  background:#f2f2f2 url(../img/background/project_tab_bg.png) repeat-x 0 bottom; margin: 0px 0px 0px 0px; border-radius: 8px 8px 0 0;  }
.project_top_tab ul { display: flex; }
.project_top_tab ul li{  flex:0 0 auto; width:16.66666667%; }
.project_top_tab ul li a { text-align: center; font-size: 16px; display: block; padding: 68px 20px 12px 20px;  color: #4a4949;  min-width: 140px;   position: relative; }
.project_top_tab ul li a:after  {  content: ''; display: block; width: 45px; height: 45px; position: absolute; left:50%; top:12px;  margin-left: -22px;  }
.project_top_tab ul li a:hover  {  color: #000}
.project_top_tab ul li a.active   {  background: #fff url(../img/background/project_tab_on.png) repeat-x 0 0 !important; position: relative;border:1px solid #adadad; border-bottom: 0px;  color: #b98f2b !important;  border-radius: 8px 8px 0 0;  }
/*.project_top_tab ul li a.active:before  { content: ''; display: block; position: absolute; height: 4px; background:#b98f2b; right:0px; top:-1px;  left:0;  }*/

.project_top_tab ul li a.active:before   { content: ''; display: block; position: absolute; left: 15px; right: 15px; height: 9px;  bottom:-9px; background: url(../img/background/project_tab_on02.png) no-repeat 50% 0;    }

.project_top_tab ul li a.p_t_t_i01:after   { background: url(../img/background/project_i01.png) no-repeat 50% 50%;  }
.project_top_tab ul li a.p_t_t_i02:after   { background: url(../img/background/project_i02.png) no-repeat 50% 50%;  }
.project_top_tab ul li a.p_t_t_i03:after   { background: url(../img/background/project_i03.png) no-repeat 50% 50%;  }
.project_top_tab ul li a.p_t_t_i04:after   { background: url(../img/background/project_i04.png) no-repeat 50% 50%;  }
.project_top_tab ul li a.p_t_t_i05:after   { background: url(../img/background/project_i05.png) no-repeat 50% 50%;  }
.project_top_tab ul li a.p_t_t_i06:after   { background: url(../img/background/project_i06.png) no-repeat 50% 50%;  }
.project_top_tab ul li a.p_t_all:after  {  background: url(../img/background/tab_all_icon.png) no-repeat 50% 50%;  background-size: 36px auto; }



.project_top_tab ul li a.d_t_i01:after  {  background: url(../img/background/data_t_i01.png) no-repeat 50% 50%; }
.project_top_tab ul li a.d_t_i02:after  {  background: url(../img/background/data_t_i02.png) no-repeat 50% 50%; }
.project_top_tab ul li a.d_t_i03:after  {  background: url(../img/background/data_t_i03.png) no-repeat 50% 50%;     background-size: 30px auto; }
.project_top_tab ul li a.d_t_i04:after  {  background: url(../img/background/data_t_i04.png) no-repeat 50% 50%;    background-size: 28px auto; }
.project_top_tab ul li a.d_t_i05:after  {  background: url(../img/background/data_t_i05.png) no-repeat 50% 50%;background-size: 27px auto; }
.project_top_tab ul li a.d_t_i06:after  {  background: url(../img/background/data_t_i06.png) no-repeat 50% 50%;  }





.project_top_tab .form-select { display: none;  } 

.project_top_tab ul li .none_sub_tab.active:before { display: none; }

.project_sub_tab {margin-bottom: 45px;  border-bottom: 1px solid #dcdcdc;  overflow: hidden;  padding: 15px 0 15px 10px }
.project_sub_tab ul li { float: left; }
.project_sub_tab ul li a{ display: block; font-size: 16px; color: #555;  line-height: 45px;  padding: 0 20px ;border-radius:10px; }
.project_sub_tab ul li a:hover {   color: #000;  }
.project_sub_tab ul li a.active  {   color: #fff; background: #a9882d;   }
.project_sub_tab .form-select { display: none; }


.p_s_under { margin-bottom: 45px;  border: 1px solid #adadad;  overflow: hidden;  padding: 5px 0 0px 20px; border-top:0px;    }
.p_s_under ul li { float: left; margin-right: 30px; }
.p_s_under ul li:last-child {  margin-right: 0px; }
.p_s_under ul li a{ display: block; font-size: 16px; color: #777;  line-height: 58px;  padding: 0 0px ;border-radius:10px; }
.p_s_under ul li a:hover {   color: #000;  }
.p_s_under ul li a.active  {   color: #a9882d;  position: relative; }
.p_s_under ul li a.active:after {  content: ''; display: block; position: absolute; height: 1px; background:#b98f2b; right:0px; bottom:0px;  left:0;   }
.p_s_under .form-select { display: none; }




.c_select_box{ overflow:hidden; border-bottom: 1px solid #ddd;  padding-bottom: 15px;  margin-bottom: 15px;  }
.c_select_box:last-child {   border-bottom: 0px;  padding-bottom: 0px;  margin-bottom: 0px }
.c_s_tit {color: #111;    float: left; line-height: 38px; }
.c_s_tit i{  color: #777; }
.c_s_list  { margin: 0 0 0 100px; }
.c_s_list ul li { float: left;margin-right: 5px;  }
.c_s_list ul li a{  display: block; border:1px solid #ddd; border-radius: 8px;    line-height: 30px;padding: 0 25px;  position: relative; transition:all 0.3s ease; text-align: center; color: #777;  }

.none_t_type{ margin: 0 0 0 0px;  }


/*
color: #333;
    display: block;
    transition: all 0.3s ease;
    border: 1px solid #ddd;
    background: #fff;
    border-radius: 20px;
    font-size: 15px;
    padding: 2px 15px;
*/


.c_s_list ul li a:before { content: ''; display: block; position: absolute; right: 10px; top:11px;width:13px; height: 9px;  display: none; background: url(../img/background/tab_u_chk.png) no-repeat 0 0;   }

.c_s_list ul li a:hover  {  border-color:#222;color: #000;}

.c_s_list ul li a.active { background: #222; color: #fff; border-color:#222; padding: 0 35px 0 15px;    }
.c_s_list ul li a.active:before { display: block; }
.c_s_list ul li a.active:after { display: none;  }














/*.s_f_wrap { background: #f9f9f9; border-top:1px solid #000; margin-top: 55px;  }*/
.s_f_wrap { background: #f9f9f9; border-top:1px solid #000; }

.s_f_search_box { background: #f3f3f3; padding: 25px 17px} 
.s_f_search { padding: 7px 42px 0 10px;  border:1px solid #ddd; background: #fff;   height: 38px;  position: relative;border-radius: 6px; transition:all 0.3s ease;  overflow: hidden; }
.s_f_s_int { border:0px;  width: 100%;  outline:none; font-size: 15px; font-weight: bold; color: #222; }
.s_f_s_bt {  position: absolute; right: 0; top:0;  width: 36px; height: 36px;   background: url(../img/background/search_i_b.png) no-repeat 7px 7px; text-indent: -99999px; overflow: hidden;  outline:none; border:0px;background-size: 20px auto;  border-radius: 4px;   }
.s_f_s_bt:hover  { background-color: #f4f4f4;}
       

.s_f_s_focuse { border-color: #b98f2b; }


.aside_wrap { padding: 25px 17px;}
.aside_box  { border:0px; padding: 0; border-bottom:1px solid #dfdfdf;  padding-bottom: 20px;   margin-bottom: 20px;}
.aside_box h4 { color: #555; font-weight: bold; font-size: 15px; margin-bottom: 20px; }


.aside_wrap .aside_box:last-child {  border-bottom:0px; padding-bottom: 0px;margin-bottom: 0 }



.aside_list li { position: relative; padding: 0 40px 0 10px; margin-bottom: 15px; }
.aside_list li:hover  {  }


.aside_list li:last-child  { margin-bottom: 0px;   }
.aside_list li a{ display: block;font-size: 16px; color: #555;   line-height: 20px;  text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;overflow: hidden;width: auto;    }
.aside_list li a:hover { color: #000;  }

.aside_list li .round_line { background: #e8e8e8;   line-height: 18px; padding: 0 8px; font-size: 14px;  position: absolute; right:0; top:0; display: block; color: #555;  border-radius: 10px;}



.aside_more { display: block;  position: relative; margin-top: 10px;  background:#fff; height: 28px; border-radius: 14px; text-indent: -9999px; overflow: hidden;  border:1px solid #efefef; }
.aside_more:after  { content: ''; display: block; position: absolute; left:50%; top:5px; width: 16px; height: 16px;  background:  url(../img/background/aside_more.png) no-repeat 50% 50%;  margin-left: -6px; transition: all 0.3s ease; }
.aside_less:after { background:  url(../img/background/aside_more_up.png) no-repeat 50% 50%;  }






.m_fillter_box { display: none;   position: fixed;  right:15px; bottom:165px; z-index: 9; transition: all 0.3s ease; visibility: visible;  }
.m_fillter_bt {   width: 40px;  background:#a9882d url(../img/background/m_fillter_icon.png) no-repeat 50% 12px;   transition: all 0.3s ease;  border:1px solid #a9882d;   border-radius: 25px;   overflow: hidden;  background-size: 20px auto; box-shadow: 0 3px 10px rgba(0,0,0,0.3); font-size: 12px; color: #fff; padding: 40px 0 12px 0px;  }
.m_fillter_bt:hover  { background-color: #99781e;  border-color:#99781e}


.m_fillter_box.active { opacity: 0;  right: 0; visibility: hidden; }


.m_fillter_close { display: none; position: absolute; right:5px; top:4px; text-indent: -9999px;overflow: hidden; background: url(../img/background/rn_close_bt.png) no-repeat 50% 50%;  height: 56px; width: 56px;border:0px;  transition: all 0.3s ease; outline:none;  z-index: 9;  }
.m_fillter_close:hover  { transform:rotate(90deg);}

.s_r_l_div { display: inline; }


.s_r_l_inner .s_result_row:last-child { margin-bottom: 0; border-bottom: 0px; padding-bottom: 0px}


.j_v_abstract .j_v_b_r { display: none;}

.s_f_m_top {  display: none; }



.result_list_title { display:block;  color: #3232a7; font-size: 18px;  margin-bottom: 10px; font-family: SCDream;font-weight: 500;  }



.project_list_row { border-top:2px solid #545555; }
.project_list_col  { padding: 25px 0;border-bottom: 1px solid #dfdfdf; }
.p_br_thin {  border-top-width: 1px; }


.p_l_g_type { display: inline-block; background: #f2eee6;color: #000;line-height:26px;  padding: 0px 8px; border-radius: 4px; margin-bottom: 10px; }
.p_l_tit {margin-bottom: 15px;  display: block; font-size: 20px; color: #111111; }
.p_l_tit:hover  { color: #b98f2b }



.l_info_box {  overflow: hidden; }
.l_info_box p { padding: 0 0 0 15px;   color:#777;   float: left;  margin: 4px 0px 0 20px; position: relative; }
.l_info_box p:first-child {  padding-left: 0px; margin-left: 0px; }
.l_info_box p:first-child:before  { display: none;  }

.l_info_box p:before{ content: ''; display: block; position: absolute; left: 0; top:3px; width: 1px; height: 14px; background: #b6b6b6; }
.l_info_box p span {   display: inline-block;  color: #0d0c0c;   margin-left: 9px; }

.p_l_flag{ float: left; border:1px solid #ddd;  overflow: hidden; border-radius: 16px; width: 32px; height: 32px;margin-top: -4px;  margin-right: 10px;  }
.p_l_flag img{width:34px; height: 34px;  margin: -2px 0 0 -2px}

.p_l_top_box { position: relative; }
.s_t_bt_box  { position: absolute;right: 0; top:0; }
.s_t_bt_box .line_bt {  height: 30px; line-height: 30px;color: #555; min-width: 60px; padding: 0;}
.s_t_bt_box .point_line {  background: #ea8925;  border-color:#ea8925; color: #fff;  }
.s_t_bt_box .point_line:hover  {  background: #ff9c00;  border-color:#ff9c00; color: #fff;  }

.view_count_box { float: right; }
.view_count_box ul { margin: 0; padding: 0; }
.view_count_box ul li {   float: left;  list-style: none; font-size: 15px; color: #777; line-height: 24px; position: relative; margin-left: 20px; padding-left: 20px;   }
.view_count_box ul li:before{ content: ''; display: block; position: absolute; left: 0; top:3px; width: 1px; height: 14px; background: #b6b6b6; }

.view_count_box ul li:first-child  {margin-left: 0px; padding-left: 0px; }
.view_count_box ul li:first-child:before { display: none;  }

.view_count_box ul li span { font-family: GmarketSans; font-size: 14px; color:#0d0c0c;  display: inline-block; margin: 0 0 0 10px; vertical-align: top; }



.modal_view_bg { background:#e2e2e2;padding: 40px; }
.modal_view_wrap { background: #fff;  padding:30px 20px 0 20px; border-radius: 10px}
.modal_view_contents { margin-bottom: 50px; }
.modal_view_tit { font-size: 18px; color: #333; position: relative; border-bottom: 1px solid #e1e1e1;padding-bottom: 14px; margin-bottom: 20px }
.modal_view_tit:after  {  content: ''; display: block; position: absolute; left: 0; bottom:0; width: 30px; height: 2px; background: #494949; }


.m_v_meta { }
.m_v_c_inner { background: #f9f9f9; padding: 15px; border-radius: 10px}

.m_v_meta { height: 122px;overflow: hidden; transition:all 0.3s ease; }
.m_v_meta dl { overflow: hidden; margin-bottom: 10px;}
.m_v_meta dl:last-child {   margin-bottom:0px;}
.m_v_meta dl dt { float: left; font-size: 16px; color: #777; position: relative; font-weight: 500; padding: 5px 0 5px 20px; background: #f3f3f3;  width: 160px; border-radius: 8px; }
.m_v_meta dl dt:after { content: ''; display: block; position: absolute; left: 10px; top:12px; width: 4px; height: 4px; background: #c3c3c3; }
.m_v_meta dl dd {  margin: 5px 0 0 190px; font-size: 16px; color: #111;  }


.more_meta_box { text-align: center; border-top:1px solid #ddd; padding-top: 20px; margin-top: 20px  }


.m_v_m_more {border-radius: 8px; width: 220px; height: 50px ;border:1px solid #ddd;    padding-top: 12px; background: #fff; display: inline-block;   }
.m_v_m_more span {   padding: 0 25px 0 0 ;   position: relative; font-size: 16px; background-size:14px auto; }
.m_v_m_more span:after  {content: ''; display: block; position: absolute; right: 0; top:3px;  background: url(../img/background/aside_more.png) no-repeat right 50%; background-size:14px auto;  width:14px;  height: 8px;  transition:all 0.3s ease;  }
.m_v_m_more:hover  { border-color:#000;  }
.m_v_m_more:hover span { color: #000;}
.m_v_c_active .m_v_m_more span:after  { transform: rotate(180deg); }


.width_90 { width: 90%; margin: 0 auto; }

.m_v_c_inner.m_v_c_active .m_v_meta { height: auto; }
.m_v_c_inner.m_v_c_active .v_b_more_bt a span { height: auto; }

.m_v_j_top{ background: #fff; }

.m_v_j_tab{  background: #fff; position: sticky; top: 0; z-index: 1; padding-bottom: 30px;  }
.m_v_j_tab .box_inner_tab  ul li { width: 33.333333333%; }
.m_v_j_tab .box_inner_tab { margin-bottom: 0;   }

.m_v_s_wrap {  position: sticky;top: 78px;  z-index: 1;  overflow: hidden; margin-bottom: 20px;  transition:all 0.3s ease;  background: #fff; padding-bottom: 30px; border-bottom: 1px solid #ddd;  }
.m_v_search { float: left; position: relative;     padding: 10px 48px 0 10px; height: 46px; border:1px solid #eae6e6; width: 350px; background: #fff;  border-radius: 8px; overflow: hidden; }
.m_v_s_int { font-size: 16px; height: 24px; border:0px !important;outline: none;   width: 100%;  }
.m_v_s_bt {background: #333; color: #fff;  position: absolute; right:0; top:0; width: 44px; height: 44px; border:0px;font-size: 20px  }



.m_v_nav_box { margin-left: 15px;  float: left;     }
.m_v_nav_box span {  display: inline-block; color:#777; margin: 0 4px; }
.m_v_nav_box span strong  { color: #000; }
.m_v_nav_box button {  width: 46px; height: 46px; border:1px solid #ddd; border-radius: 8px; text-indent: -9999px;overflow: hidden; display: inline-block; }
.m_v_nav_box button:hover { border-color:#888;  }
.m_v_nav_box .m_v_n_prev { background: url(../img/background/slide_arr_l.png) no-repeat 50% 50%;  }
.m_v_nav_box .m_v_n_next {      background: url(../img/background/slide_arr_r.png) no-repeat 50% 50%; }

.m_v_s_wrap .m_v_s_r {  position: absolute; right: 0; top:5px; }


.m_journal_view {   position: relative; height: 100%;   padding-bottom: 50px;}
.m_journal_area { margin: 0 0 0 260px;   }



.m_journal_left{  float: left; width: 220px; position: sticky;top: 178px;  z-index: 1;      background: #f9f9f9;border-top: 1px solid #000; padding: 20px 20px 15px 20px;  }
.m_journal_left h4 { font-size: 20px; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding:0px 0 10px 0px;  }
.m_journal_left ul li a{ position: relative;  display: block; padding: 6px 0 6px 0px;  transition:all 0.3s ease;}
.m_journal_left ul li a.on,
.m_journal_left ul li a:hover {  color: #000; padding-left: 20px;  }

.m_journal_left ul li a:before{ content: ''; display: block; position: absolute; left: -5px; top:7px; width: 15px; height: 15px;  background: url(../img/background/m_v_l_arr.png) no-repeat 0 0;  transition:all 0.3s ease;opacity: 0; visibility: hidden;   }

.m_journal_left ul li a:hover:before,
.m_journal_left ul li a.on:before { left: 0;  opacity: 1; visibility: visible; }


.m_j_type {  margin-bottom: 10px}
.m_j_type span { display: inline-block; background: #000; color: #fff; border-radius: 20px; padding: 5px 0px;  width: 120px;text-align: center; }

.m_j_t_box {  background: #f3f3f3; border-radius: 10px; padding: 10px; }
.m_j_t_inner { background: #fff; padding: 10px; border-radius: 8px;  }

.m_v_c_active { }


.j_v_meta { margin-top: 50px; }
.j_v_meta .m_v_meta { height: auto; }
.j_v_meta .m_v_meta dl dt { background: #fff;  }


.v_link_t { display: inline-block; color: #2b58d9;  }

.j_v_i_more {text-align: right; background: #f9f9f9;display: block; border-radius: 8px; padding:8px 20px; transition: all 0.3s ease; margin-top: 15px;  }
.j_v_i_more span { display: inline-block; padding: 0 25px 0 0;   color: #555;  font-size: 14px;  position: relative; }
.j_v_i_more span:after {  content: ''; display: block; position: absolute; right: 0; top:4px; width: 14px; height: 8px;  background: url(../img/background/aside_more.png) no-repeat 0 0px;  }
.j_v_i_more:hover { background: #f3f3f3;  }
.j_v_i_more:hover span {  color: #000; }
.j_v_i_more.on span {  color: #000; }
.j_v_i_more.on span:after  {   transform: rotate(180deg); }

.j_i_collapse { height: 200px; overflow: hidden; transition:all 0.3s ease; line-height: 29px; }
.j_i_collapse.on{  height: auto;  }





.j_v_b_wrap { border-top:1px solid #e7e7e7; padding-top: 25px; margin-top: 25px;  }
.j_v_b_box{border:1px solid #e5e5e5; border-radius: 10px; padding: 20px 0 10px 0;  margin-top: 8px; }
.j_v_b_box h4 { font-size: 18px; color: #987f43; position: relative; padding: 0 0 0 20px;margin-bottom: 10px;  }
.j_v_b_box h4:after  {  content: ''; display: block;  position: absolute;left: 0; top:0; background: #987f43;  width: 4px; height: 17px; border-radius: 10px;  }

.j_v_b_row {  padding: 0 20px;}
.j_v_b_row .j_v_b_item:last-child  { border-bottom: 0px;  }

.j_v_b_item {  padding: 10px 0; border-bottom: 1px solid #e5e5e5; }
.j_v_b_item a{  display: block;font-size: 16px; color: #111;  padding:  0 0 0 10px; position: relative; }
.j_v_b_item a span {  display: block; }
.j_v_b_item a:hover { color: #000;  }

.j_v_b_item a:after {   content: ''; display: block; position: absolute; left: 0; top:7px; width: 4px;height: 4px; background: #c3c3c3  }
.j_v_b_item ul  {  overflow: hidden; padding: 0 0 0 10px;  }
.j_v_b_item ul li{ float: left; font-size: 14px; color: #555; padding-left: 10px; margin-left: 10px;  position: relative; }
.j_v_b_item ul li:after { content: ''; display: block;  position: absolute; left: 0; top:5px; width: 1px; height: 12px; background: #cecece;  }
.j_v_b_item ul li:first-child { padding-left: 0px; margin-left: 0px; }
.j_v_b_item ul li:first-child:after {display: none; }


.j_v_source { padding: 0 0 0 9px;  margin: 10px 0 0 0;}
.j_v_source span{ float: left; background: #e8e8e8; font-size: 14px; color: #777; padding: 0px 10px; border-radius: 20px; }

.j_v_s_t { margin: 0 0 0 60px; font-size: 14px; color: #777;   }

/*.m_v_meta dl dd.j_keyword_dd { overflow: hidden;  margin-top: 0; }*/
.j_keyword_dd { display:block; margin-left: 4px; float:left; border:1px solid #ddd; border-radius: 20px; padding: 3px 10px; font-size: 15px;  }
.j_keyword_dd:first-child  {  margin-left: 0px; }
.j_keyword_dd:hover { border-color: #888; color: #000; }


.j_side_wrap { height: 100%; position: relative;  overflow:hidden; border-radius: 8px; }
.j_side_wrap:after  {  content: ''; display: block; position: absolute; right: 0; left: 0; bottom: 0; top: 400px; background: #f9f9f9; }

.j_type_top  { background: #f9f9f9; position: relative; overflow: hidden; border-radius: 8px;  display: flex; padding: 20px 0; margin-bottom: 15px;  }
.j_type_top:after   { content: ''; display: block; position: absolute; left: 0; right: 0; top:0; background: #8d743d; height: 5px;}


.j_v_type_b { flex: 0 0 auto; width: 50%; padding:0 10px; position: relative;  height: 96px;}
.j_v_type_b:first-child:after  {content: ''; display: block; position: absolute; right: 0; top:0; bottom:0; width: 1px;background: #e1e1e1; }


.j_v_type_b:before { content: ''; display: block; position: absolute;  width: 42px; height: 42px;  right: 10px; bottom:0px; }


.j_project_i01:before  { background: url(../img/background/project_i01.png) no-repeat 50% 50%;  background-size: 36px auto;}
.j_project_i02:before  { background: url(../img/background/project_i02.png) no-repeat 50% 50%;  background-size: 34px auto;}
.j_project_i03:before  { background: url(../img/background/project_i03.png) no-repeat 50% 50%;  background-size: 38px auto;}
.j_project_i04:before  { background: url(../img/background/project_i04.png) no-repeat 50% 50%;  background-size: 36px auto;}
.j_project_i05:before  { background: url(../img/background/project_i05.png) no-repeat 50% 50%;  background-size: 38px auto;}
.j_project_i06:before  { background: url(../img/background/project_i06.png) no-repeat 50% 50%;  background-size: 34px auto;}



.j_type_i01:before  { background: url(../img/background/j_type_icon.png) no-repeat 50% 50%;  background-size: 40px auto;}


.j_v_type_b span {  display: inline-block;font-size: 14px; color: #555; background: #ddd; padding: 2px 10px; border-radius: 20px;  margin-bottom: 5px;  }
.j_v_type_b p {  display:block;  font-size: 16px; color: #000; }


.j_side_info { background: #f9f9f9; border-radius: 8px;  position: relative; z-index: 1; }


.j_v_cover_box { padding: 20px; border-bottom: 1px solid #e6e6e6  }
.j_v_cover_box img { width: 100%; height: auto; border-radius: 15px; overflow: hidden; }
.j_v_c_download {  display: block; text-align: center; background: #8d743d; border-radius: 6px;  margin-top: 10px; width: 100%; border: none; }
.j_v_c_download span {  display: inline-block; color: #fff; padding: 0 25px 0 0;background: url(../img/background/l_download_icon_w.png) no-repeat right 12px;font-size: 16px; line-height: 44px;  }
.j_v_c_download:hover { background: #947b43; }

.j_side_i_inner { padding: 20px; }
.v_count_box {   overflow: hidden; padding-bottom: 20px;   margin-bottom: 20px; border-bottom: 1px solid #e6e6e6; }
.v_count_box ul{ margin: 0 -5px;}
.v_count_box ul li {  float: left; width: 50%; padding:0 5px;   }

.v_count_box ul li p{background: #efefef; text-align: center; color: #777;     padding: 40px 0 0px 0; border-radius: 8px;  font-family: GmarketSans;  font-size: 14px;   position: relative; height: 118px;  }
.v_count_box ul li p:after { content: ''; display: block;  position: absolute; left: 50%; width: 20px; height: 2px; background: #404040; top:20px; margin-left: -10px; }

.v_count_box ul li span{    font-size: 24px; color: #111;  display: block; margin-bottom: 2px; font-weight: 300; }


.va_dl {  margin-bottom:20px}
.va_dl:last-child  {  margin-bottom: 0px}

.va_dl dt {font-weight: 500;  font-size: 17px; color: #777;  padding: 0 0 0 12px;    margin-bottom: 8px;  position: relative; }
.va_dl dt:after  { content: ''; display: block;  position: absolute; left: 0; top:3px; width: 4px; height: 12px; background: #777; border-radius: 10px;  }
.va_dl dd { font-size: 16px; color: #000;padding: 0 0 0 12px;  }
.va_dl dd .aside_link {  color: #1464f5; padding: 0 18px 0 0; background: url(../img/background/aside_link_icon.png) no-repeat right 1px; text-decoration: underline;   }



.ver_box { margin: 40px 0 40px 0;}
.aside_h5 {  font-size: 16px;  margin-bottom: 10px;color: #777; font-weight: 500;  }

.ver_box ul{ background: #fff; padding: 15px; border-radius: 8px; }
.ver_box ul li { position: relative;  border-bottom: 1px solid #ddd; padding: 0 0 8px 0; margin-bottom: 8px; }
.ver_box ul li:last-child  {    border-bottom: 0px;padding:0; margin-bottom: 0px; }


.ver_box ul li a{ display: block;  color: #0083de;  }
.ver_box ul li em {  font-size: 14px; color: #555; display: block; position: absolute; right:0; top:0; }


.share_link { margin-bottom: 20px; }
.share_link:after {clear: both; }
.share_link:after,
.share_link:before { display: table;content: " "; }
.share_link ul li {  float: left;  margin-right: 4px; }
.share_link ul li a{ display: block; overflow: hidden; border-radius: 5px; }


.v_side_bottom{ border-top:1px solid #ddd; padding-top: 26px; margin-top: 25px; }
.v_side_bottom .line_bt { display: block; }



.modal_view_wrap .p_view_top { border-top: 0px;margin-bottom: 40px;  padding-top: 5px;    }
.modal_view_wrap .p_view_top .p_v_tit {   color: #c6771e;  position: relative;  padding-top: 20px;}
.modal_view_wrap .p_view_top .p_v_tit:after  {    content: ''; display: block; position: absolute; left: 0; top:0; width: 36px; height: 4px; border-radius: 10px; background:#c6771e;  }

.m_v_j_tab .box_inner_tab ul li a { font-size: 17px; }




.sub_contents_wrap .container  { position: relative; }


/* Top 버튼 설정 */
#toTop{background:none;position:fixed;     bottom: 108px;
    right: 4%;  cursor:pointer;text-decoration:none;width:44px;height:44px;background:#fff url(../img/background/gotop_bt.png) no-repeat 50% 50%;background-size: 20px auto;text-indent:-10000em; z-index: 99999999; border:1px solid #dbdbdb;  }



.modal_header_wrap {   background: rgb(26,145,132);
background: linear-gradient(277deg, rgba(26,145,132,1) 0%, rgba(17,113,193,1) 100%); }
.modal_header_inner {  position: relative; }
.modal_header_inner h1 {background:url(../img/background/logo_w.png) no-repeat 0 50%;    width: 278px;  height: 80px; text-indent: -9999px; overflow: hidden; margin-left: 20px }
.modal_close_bt {  position: absolute; background: rgba(255,255,255,0.2); width: 80px; height: 80px; right: 0; top:0;  transition:all 0.3s ease;  }
.modal_close_bt:hover {  background: rgba(255,255,255,0.1); }  

.modal_close_bt span {background:url(../img/background/modal_close_bt.png) no-repeat 50% 50%;  width: 80px; height: 80px; text-indent: -9999px; overflow: hidden; display: block; }






.resercher_l_box {padding: 15px; }

.resercher_l_inner{  } 
.resercher_l_img{ float: left;overflow: hidden; width: 56px; height: 56px; overflow: hidden;  border-radius: 28px; } 
.resercher_l_img img{ width: 100%; height: auto; } 
.resercher_l_info { margin: 0 0 0 70px; }

.resercher_l_name{ display: block; font-size: 18px; color: #333; }
.resercher_l_name:hover { color: #000; }
.resercher_l_en{ display: block; font-size: 16px;color: #555;margin-bottom: 10px;  }

.resercher_l_org {font-size: 16px;  }





.paginate_complex {
    line-height: normal;
    text-align: center;
    margin-top: 15px;
}

.paginate_complex a, .paginate_complex strong {
    display: inline-block;
    position: relative;
    z-index: 2;
    margin: 0px 2px;
    line-height: 42px;
    min-width: 40px;
    font-size: 15px;
    color: rgb(119, 119, 119);
    text-decoration: none;
    vertical-align: middle;  border-radius: 12px;
}

.paginate_complex a:hover, .paginate_complex a:active, .paginate_complex a:focus {
    background-color: rgb(248, 248, 248);
}

.paginate_complex strong {
    color: rgb(0, 0, 0); background: #f2eee6; 
    font-weight: normal;
}

.paginate_complex .direction {
    border: 1px solid rgb(219, 219, 219);
    text-indent: -9999px;
    width: 40px;
    margin: 0px;
    height: 40px;
    border-radius: 12px;
    z-index: 1;
    text-decoration: none !important;
}

.paginate_complex .first_prev {
    background: url("../img/background/paginate_bg01.png") 12px 50% no-repeat rgb(255, 255, 255);
}

.paginate_complex .prev {
    background: url("../img/background/paginate_bg01.png") -37px 50% no-repeat rgb(255, 255, 255);
}

.paginate_complex .last_next {
    background: url("../img/background/paginate_bg02.png") -33px 50% no-repeat rgb(255, 255, 255);
}

.paginate_complex .next {
    background: url("../img/background/paginate_bg02.png") 17px 50% no-repeat rgb(255, 255, 255);
}

.paginate_complex .direction:hover, .paginate_complex .direction:active, .paginate_complex .direction:focus {
    border: 1px solid rgb(99, 99, 99);
    position: relative;
    z-index: 999;
}









.r_detail_top {
    border-bottom: 1px solid #e7e7e7;
    margin-bottom: 35px;
    padding-bottom: 35px;
    position: relative; 
}

.r_detail_top:after {
    clear: both
}

.r_detail_top:after,
.r_detail_top:before {
    display: table;
    content: " "
}

.r_d_img {
    width: 172px;
    height: 212px;
    border-radius: 9px;
    overflow: hidden;
    float: left
}

.r_d_img img {
    width: 100%;
    height: 100%
}


.r_d_name p span  {
    display: inline-block; padding: 0 20px 0 0; 
    background: url(../image/background/name_m_arr.png ) no-repeat right 50%; background-size: 14px auto; 
    
        
}

.r_d_name span {
    font-size: 16px;
    color: #555;
    display: inline-block
}

.r_d_e_n {  font-family: GmarketSans; font-size:28px; color: #010101;  }
.r_d_name_t strong {
    display: inline-block;

    font-weight: 500;
    font-size: 32px;
    color: #000
}
.r_d_name_t em { padding: 0 0 0 10px; margin-left: 10px;  display: inline-block; position: relative; color: #555; font-size: 20px; }
.r_d_name_t em:after  {  content: ''; display: block; position: absolute; left: 0; top:0;  width: 2px; height: 22px; background: #c6c6c6; }


.r_detail_info {margin: 0 0 0 214px; padding: 4px 0 0 0   }
.r_d_name  {margin: 0 0 15px 214px; }
.r_d_m_f  {  }
.r_d_m_f h4 { font-size: 18px; color: #111;margin-bottom: 14px; }
.r_d_i_row  {margin: 0 0 0 214px;   }


.r_i_l_box ul li {  font-size: 16px;  margin-bottom: 8px; }

                                

.r_d_m_f dl dt {  background: #ec943a; color: #fff; border-radius: 4px;  font-size: 18px;      padding: 3px 12px;  }
.r_d_m_f dl dd {  }
.r_d_m_f dl dd a { display: inline-block; color: #010101; border:1px solid #ddd; border-radius: 4px;   font-size: 18px;     padding: 3px 10px;   }
.r_d_m_f dl dd a:hover { border-color: #999;  }

.r_i_l_box { overflow-y: scroll; height:120px; }
.add_logo_bg { background:url(../img/background/view_logo_bg.png) no-repeat right bottom;}


.add_logo_bg .p_v_i_list { background: none; padding: 0 0 0 20px;  }
                                   

.r_i_bottom { margin-top: 20px }


.r_d_i_box { background: #f6f6f6; border-radius: 10px; padding: 20px 0 20px 25px;  position: relative; }
.r_d_i_box span{  position: absolute; width: 42px; height: 42px;  position: absolute; right: 10px; top:10px;text-align: center; font-size:20px; color: #000000; line-height: 42px; border-radius: 22px; }
.r_d_i_box .r_d_i_i01 {background: #fce09e;       }
.r_d_i_box .r_d_i_i02 {background: #64e7b1;       }
.r_d_i_box .r_d_i_i03 {background: #edbce2;       }
.r_d_i_box .r_d_i_i04 {background: #8ad7ed;       }


.r_field_box { border-color:#ff9900 }
.r_field_box .r_i_l_box {overflow: hidden; }
.r_field_box .r_i_l_box ul li {float: left;margin-left: 5px; border:1px solid #eee; border-radius: 8px;  font-size: 16px;  padding: 0 10px; line-height: 30px;margin-bottom: 5px; }
.r_field_box .r_i_l_box ul li:first-child {  margin-left: 0px; }


.r_field_long .r_i_l_box { height: auto; margin: 0 0 0 180px;}
.r_field_long .r_d_m_f h4 {     padding: 6px 0 0 0; float: left; margin-bottom: 0 }



.r_d_i_box dl dt   {  font-size: 15px; color: #777;  margin-bottom: 9px;   }
.r_d_i_box dl dd   {  font-size: 18px; color: #010101;   }


.r_d_l_back {   position: absolute;right: 0px;top: 0px; } 


.d_v_back {
    position: absolute;
    right: 0px;
    top: 0px;
}

.d_v_back_bt {
    display: block;
    width: 40px;
    height: 40px;
    background: #f5f5f5 url(../img/background/d_v_back.png) no-repeat 50% 50%;
    border-radius: 20px
}









 
.none_i_type{    }
.none_i_type ul li a {  padding: 24px 20px 24px 20px; }

/*

.contury_t_under .col a{  display: block;font-size: 16px;color: #777;line-height: 40px;padding: 0 0px 0 16px; border-radius: 6px; position: relative; }
.contury_t_under .col a:after { content: ''; display: block; position: absolute;background:  url(../img/background/tab_chk_i.png) no-repeat 0 0; width: 13px; height: 9px;   right: 2px; top:50%; margin-top: -4px;  opacity:0; visibility: hidden;  transition:all 0.3s ease;   } 
.contury_t_under .col a:hover {  color: #000;  }
.contury_t_under .col a.active  { background: #f2eee6; color: #000;  }
.contury_t_under .col a.active:after  { opacity: 1; visibility: visible; right: 10px;   }
*/
.contury_t_under{ padding: 20px 0 15px 15px; }
.curation_t_s .m_v_search {  height: 44px; border:1px solid #ddd; }
.curation_t_s .m_v_s_bt {  background:#fff}
.curation_t_s .m_v_s_bt i{  color: #000 }






.curation_list_row { border-bottom: 1px solid #e1e1e1; overflow: hidden;  padding-bottom: 20px; margin-bottom: 40px; }
.cu_img_box { float: left; }
.cu_img_box p{  width: 414px; padding-bottom: 30px; position: relative; }
.cu_img_box p:after { content: ''; display: block; position: absolute; left: 0; right: 0; bottom:0; height: 30px;background:  url(../img/background/curation_l_sd.png) no-repeat 0 50%;   background-size: 100% 30px;   }
.cu_img_box p img { width: 100%;border-radius: 20px; }


.cu_l_tit {   display: flex;  margin-bottom: 10px; }
.cu_l_tit p { font-size: 36px; color: #333;  font-weight: bold; }
.cu_l_tit span { font-size: 16px; color: #777; margin-left: auto; margin-top: 16px  }
 

.cu_l_info_box {  margin: 0 0 0 460px }

.cu_l_text { font-size: 16px; line-height: 26px; color: #333;margin-bottom: 20px;  }
.cu_keyword_l { overflow: hidden;  margin-bottom: 15px; }
.cu_keyword_l ul li { float: left;margin-left:5px;  margin-bottom: 5px;   }
.cu_keyword_l ul li:first-child {margin-left:0px; }
.cu_keyword_l ul li a{ display: block; font-size: 16px; color: #777; border-radius:40px; border:1px solid #ddd;  padding: 5px 15px }
.cu_keyword_l ul li a:hover { color: #000; border-color:#000;   }
    
.cu_l_link_wrap { position: relative; }
.cu_l_link_wrap .line_bt {  position: absolute; right:0; top:4px; border:0px; }
.cu_l_link_wrap .line_bt:hover { color: #000;  }
.cu_l_link_box {  }
.cu_l_link_box ul li { float: left; }
.cu_l_link_box ul li a{text-align: center; display: block; width:46px; height: 46px; border-radius: 10px; padding: 12px 0 0 0;  }
.cu_l_link_box ul li a i {font-size: 16px;   color:#9c9595;  }
.cu_l_link_box ul li a:hover { background:#000; }
.cu_l_link_box ul li a:hover i {  color: #fff; }

    
    

.curation_view_wrap {   padding: 35px 0 40px 0; margin-bottom: 40px; border-bottom: 1px solid #e1e1e1;  }
.curation_view_wrap .curation_list_row { background:  url(../img/background/cu_v_overview.png) no-repeat left bottom; padding-bottom: 0px;   border-bottom: 0px; margin-bottom: 0; }
.curation_view_wrap .cu_keyword_l { margin-bottom: 0;  }

.cu_v_date{ margin-left: 7px; margin-bottom: 20px; font-size: 16px; color: #777; }



.curation_view_wrap .cu_l_tit .line_bt {  margin-left: auto; }


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




.cu_v_left { width: 274px;   float: left;  position:sticky; top: 20px; z-index: 1; }
.cu_v_left ul li {}
.cu_v_left ul li a{ padding: 8px 5px 8px 20px;  display: block;  font-size: 18px; color: #0c0c0c; border-radius: 40px; transition:all 0.3s ease;   }
.cu_v_left ul li a:hover { background:#f3f3f3; }
.cu_v_left ul li a i {  color: #9c9595; width: 20px; text-align: center; margin-right: 10px }
.cu_v_left ul li a.on { background: #101d40; color: #fff;  }
.cu_v_left ul li a.on i {   color: #fff;  }

  

.cu_v_con { margin: 0 0 0 390px; }
.cu_v_con .cu_v_col_row:last-child { margin-bottom: 0; }

.cu_v_h4 { font-size: 24px; color: #111;  margin-bottom: 10px;}
.cu_v_h4 span {  display: inline-block; width: 36px; height: 36px; border-radius: 18px;background: #101d40; text-align: center; line-height: 34px;  vertical-align: middle; margin-right: 10px;}
.cu_v_h4 span i  {  font-size: 18px; color: #fff;  }


.cu_v_cover a { display: block; }
.cu_v_cover a p{  border:1px solid #d0d0d0;  border-radius: 10px; overflow: hidden; margin-bottom: 10px;    }
.cu_v_cover a p img { width: 100%; height: 100%;  }
.cu_v_i_tit {  font-size: 18px; color: #000;   padding: 0 0 0 5px; }


.cu_v_col_row { margin-bottom: 40px; }
                               


.cu_v_line {border-top:1px solid #000; }

.cu_v_l_tit { display: block; font-size: 18px; color: #3a3a3a; }
.cu_v_l_tit:hover  {   color: #000; }

.cu_v_d_l { padding: 16px 0;border-bottom: 1px solid #e2e2e2; }
.cu_v_td { overflow: hidden;  margin-bottom: 10px; }
.cu_v_td_f { float: left; }
.cu_v_td_f em { display: block; float: left;line-height: 30px;  }
.cu_v_flag { float: left;   margin-left:40px;  }
.cu_v_flag ul {  float: left;   }
.cu_v_flag ul li {  position: relative; margin-left: 10px; padding-left: 10px;  float: left;  line-height: 30px  }
.cu_v_flag ul li:after { content: ''; display: block; position: absolute; left: 0; top:7px; width: 1px; height: 13px; background: #787878; }
.cu_v_flag ul li:first-child {  margin-left: 0px; padding-left: 0px;  }
.cu_v_flag ul li:first-child:after  {  display: none;   }



.g_i_circle {margin-right: 5px; float: left; display: inline-block; width: 30px; height: 30px; border-radius: 15px; text-align: center; line-height: 30px;  background: #ddd; color: #333;  }


.cu_v_l_num { margin-top: 10px }
.cu_v_l_num ul {  overflow: hidden; }
.cu_v_l_num ul li { float: left; padding: 0 15px 0 80px; position: relative; color: #0d0c0c;  font-size: 16px;   margin-right: 15px;   }
.cu_v_l_num ul li:after  { content: ''; display: block; position: absolute;right: 0; top:4px;  width: 1px; height: 14px;  background: #787878; }
.cu_v_l_num ul li:last-child {   padding-right: 0;margin-right: 0px;   }
.cu_v_l_num ul li:last-child:after { display: none;  }
.cu_v_l_num ul li span { position: absolute; left: 0; top:0;   font-size: 16px; color: #777;  }

.cu_v_link { padding: 16px 0;border-bottom: 1px solid #e2e2e2;  }
.cu_v_link a{ display: block;  position: relative; padding: 0 0 0 24px; }
.cu_v_link a:after { content: ''; display: block; position: absolute; left: 0; top:2px; width: 20px; height: 20px;background:  url(../img/background/link_line_icon.png) no-repeat 0 0;   }
.cu_v_link a p { color: #555; font-size: 15px;margin-top: 5px; padding-left: 3px;  }
.cu_v_link_t { font-size: 18px; color: #333; }

.cu_v_file_l { padding: 10px 0;}
.cu_v_file_l li{ margin-bottom: 5px; }
.cu_v_file_l li:last-child { margin-bottom: 0px; }
.cu_v_file_l li a{ display: block; background:#f1f1f1; font-size: 18px; padding: 10px 35px 10px 20px;  position: relative; border-radius: 5px; color: #333; }
.cu_v_file_l li a:after  { content: ''; display: block; position: absolute; right: 10px; top: 50%;  width: 14px; height: 13px;background: url(../img/background/l_download_icon.png) no-repeat 0 0;   margin-top: -7px;  }

.cu_v_file_l li a:hover {  color: #000;   } 


.k_analysis_wrap {display: flex;  flex-direction: row; }

/*
.k_analysis_row {  }
.k_analysis_row:after {clear: both; }
.k_analysis_row:after,
.k_analysis_row:before { display: table;content: " "; }

*/

/*.k_analysis_left { width: 274px;    border-top: 1px solid #e1e1e1;    float: left;  position:sticky; top: 20px; z-index: 1; padding-top: 15px; }*/
.k_analysis_left {  }
.k_analysis_left ul li { position: relative;  }
.k_analysis_left ul li:last-child {  margin-bottom: 0px;  }
.k_analysis_left ul li a{ padding: 8px 5px 8px 34px;  display: block;  font-size: 15px; color: #0c0c0c; border-radius: 10px; transition:all 0.3s ease; border:1px solid #fff;   }
.k_analysis_left ul li a:hover { border:1px solid #ddd;  }

.k_analysis_left ul li a .k_a_l_chk  { position: absolute; left: 10px; top:11px; border:1px solid #ddd; border-radius:5px; text-align: center; width: 18px;height:18px;  }
.k_analysis_left ul li a .k_a_l_chk i{ transition:all 0.3 ease;   opacity: 0; visibility: hidden; font-size: 14px;line-height: 15px; display: block; }
.k_analysis_left ul li em{ position: absolute; right: 14px; top:10px; color: #333; display: block; }
.k_analysis_left ul li a.on {  }
.k_analysis_left ul li a.on .k_a_l_chk {  background: #000 }
.k_analysis_left ul li a.on i {  color: #fff; opacity: 1;visibility: visible;}
.k_analysis_left ul li a.on em { color: #000;}
.k_analysis_con{  padding: 20px 0 0 0; width:1100px; margin-left: auto;  border-top: 2px solid #000; }




.k_a_fillter_wrap { width: 274px; }
.k_a_fillter_inner {    position: relative;  }
.k_a_fillter_close { display: none; position: absolute; right:-56px; top:0px; text-indent: -9999px;overflow: hidden; background:#fff url(../img/background/all_gnb_close.png) no-repeat 50% 50%; height: 56px; width: 56px;border:0px;  transition: all 0.3s ease; outline:none;    }
.k_a_fillter_close:hover  {background-color: #f3f3f3;}

.k_a_filter_scroll { }


.k_a_fillter_box {display: none;position: fixed;
    right: 15px;
    bottom: 165px;
    z-index: 9;
    transition: all 0.3s ease;
    visibility: visible; }
.k_a_fillter_box.active {    opacity: 0;right: 0;visibility: hidden; }
  

.k_a_fillter_bt {   width: 40px;  background:#a9882d url(../img/background/m_fillter_icon.png) no-repeat 50% 12px;   transition: all 0.3s ease;  border:1px solid #a9882d;   border-radius: 25px;   overflow: hidden;  background-size: 20px auto; box-shadow: 0 3px 10px rgba(0,0,0,0.3); font-size: 12px; color: #fff; padding: 40px 0 12px 0px;  }
.k_a_fillter_bt:hover  { background-color: #99781e;  border-color:#99781e}


.h_fillter_row {  margin-bottom: 50px;   }
.h_fillter_row h4 {  font-size: 18px;  line-height: 42px; font-weight: bold;padding: 0 0 0 17px; color: #000; border-radius: 10px; background: #f6f6f6;  }
.h_fillter_row .show { visibility: visible;  }
.h_fillter_row .accordion-button:not(.collapsed) {outline: none; box-shadow: none;  background: #fff; color: #000; }
.h_fillter_row .accordion-button:focus { border: 0px; box-shadow: none; }
.h_fillter_row .accordion-body  { padding: 10px 0 10px 10px }
.h_fillter_row .accordion  {  }
.h_fillter_row .accordion-button { padding:10px 0 10px 15px; }
.h_fillter_row .accordion-button:not(.collapsed)::after { }
.h_fillter_row .accordion-button::after { background:#fff url(../img/background/s_time_a_arr.png) no-repeat 50% 50%;  width: 25px; height: 25px; border-radius: 20px;border:1px solid #ddd   }
.k_a_filter_scroll .h_fillter_row:first-child  { border-top: 1px solid #999;padding-top: 25px; }


.fillter_keyword_box { overflow: hidden; margin-top: 20px;border-radius: 10px;   padding: 10px; background: #f3f3f3;  }
.fillter_keyword_box ul li { float: left; margin-left: 5px;  }
.fillter_keyword_box ul li:first-child { margin-left: 0px;  }
.fillter_keyword_box ul li a{  color: #333;
    display: block; transition:all 0.3s ease;  
    border: 1px solid #ddd; background: #fff; 
    border-radius: 20px;
    font-size: 15px;
    padding: 2px 15px;  }
.fillter_keyword_box ul li a:hover {  color: #101d40; border-color: #101d40; }
.fillter_keyword_box ul li a.on {  background: #101d40; color: #fff;   }




/* 메인 */


.main_visual_wrap { background:url(../img/background/main_visual_bg.jpg) no-repeat 50% 0;   min-height: 832px; }


.header_wrap.white_type_h { background:transparent;  border-color: #353535;  }
.white_type_h .header_inner h1 a {      background:url(../img/background/h_logo_w.png) no-repeat 0 0;  background-size:auto 100%; }
.white_type_h #gnb .nav_menu_a{color: #fff;  }
.white_type_h .sub_search_bt {color: #fff;background: url(../img/background/m_search_bt_w.png) no-repeat 14px 13px; background-size: 24px auto; text-indent: -9999px; overflow: hidden; }

.white_type_h #gnb .menu:hover .nav_menu_a { color: #f6edc2; }
.white_type_h #gnb .menu .nav_menu_a span:after  { background: #f6edc2;   }


.main_search_wrap { margin: 150px 0; }
.main_search_wrap h2{ color: #fff; font-size: 42px;  margin-bottom: 10px }
.m_s_t01 {  color: #fff;font-size:42px;  margin-bottom: 40px;  }

.m_s_int_box {  height: 78px; border:3px solid #d1d1d1; border-radius: 50px;  position: relative; padding: 22px 80px 0 30px; margin-bottom: 20px; transition:all 0.3s ease;  }


.m_s_int_box.m_s_focus_type { border-color: #f6edc2;  }
.m_s_int_box.m_s_focus_type .m_l_s_bt {     background: url(../img/background/m_search_bt_h.png) no-repeat 25px 23px;  }


.m_s_l_int {  border:0px; background: transparent;width: 100%;  outline: none;  font-size: 20px;  color: #fff; font-size: 18px; font-weight: bold; }
.m_l_s_bt {  position: absolute; right: 0px; top: 0px; width: 72px; height: 72px;background: url(../img/background/m_search_bt_w.png) no-repeat 25px 23px; border:0px;margin: 0; text-indent: -9999px; overflow: hidden; outline: none;  }
.m_l_s_bt:hover { background:#393939 url(../img/background/m_search_bt_h.png) no-repeat 25px 23px;  border-radius: 40px; }


.m_s_int_wrap{ width: 580px;  }
.m_s_int_wrap .form-switch .form-check-input { height: 28px; width: 50px;  }
.m_s_int_wrap .form-switch .form-check-label { margin: 7px 0 0 8px; font-size: 16px;  color: #ccc; }
.m_s_int_wrap .form-check-input:checked  { background-color: #ffc962;     border-color: #ffc962;}


.m_quration_bg { background:#f3f3f3 url(../img/background/m_q_area_bg.png) repeat-x 0 -120px;padding-bottom: 50px;  }
.m_quration_wrap { padding:25px 0 43px 0;  position: relative; }

.m_quration_wrap:after {content: ''; display: block; position: absolute;right:0; left: 0; bottom:0;  background: url(../img/background/m_q_box_bg02.png) no-repeat 50% 0px;  height: 43px; z-index: 1;  }


.m_quration_box {  position: relative; width: 100%; height: 490px; }

/*.m_quration_con {  position: absolute; left: 0px; top:0px; right: 45%; bottom:0; background: rgba(0,0,0,0.4); z-index: 2;  padding: 35px 30px 0 56px;  }*/
.m_quration_con {  padding: 35px 30px 0 56px;   margin-right: 630px; }


.m_quration_img  { position: absolute; right: 30px; top:30px; overflow: hidden;  width: 560px; height: 360px; border-radius: 20px; box-shadow: -30px 30px 50px rgba(0,0,0,0.9);}
.m_quration_img img {  text-align: right; width: 100%; height: auto ; }

#main_quration_slide { border-radius: 16px; overflow: hidden;border: 1px solid #888584; background: url(../img/background/m_slide_bg.jpg) no-repeat 0 0px;    }
#main_quration_slide  .owl-item img {  width: auto; display: inline-block;  }

#main_quration_slide .owl-dots  { display: none; }
#main_quration_slide .owl-nav  { margin: 0; position: absolute; right: 0; bottom:0; }
#main_quration_slide .owl-nav [class*=owl-]  { width: 54px; height: 54px;  margin: 0 0 0 1px; text-indent:-9999px; overflow: hidden;  }

#main_quration_slide .owl-nav .owl-prev  {   background:#000 url(../img/background/slide_arr_w_l.png) no-repeat 50% 50%;   }

#main_quration_slide .owl-nav .owl-next  { overflow: hidden; background:#000 url(../img/background/slide_arr_w_r.png) no-repeat 50% 50%;   }



.m_q_tit { font-size: 36px; color: #fff;font-weight: bold;     text-overflow: ellipsis;
    width: auto; margin-bottom: 20px;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;  }
.m_q_keyword { padding: 0px 0 20px 0;    margin-bottom: 20px; }
.m_q_keyword ul { height: 82px;  overflow: hidden;  }
.m_q_keyword ul li { float: left; margin-right: 7px;  margin-bottom: 7px; }
.m_q_keyword ul li:first-child {  margin-right: 0px;  }
.m_q_keyword ul li a{color:#fff;  display: block; border:1px solid #fff; border-radius: 20px;font-size: 16px;  padding:5px 15px; }
.m_q_keyword ul li a:hover  {  border-color:#f5e69e; color: #f5e69e }


.m_q_bt_box {  position: absolute;left: 56px; bottom:25px;    background-color: rgba(0, 0, 0, 0.2);  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); right: 56px; display: inline-table; z-index: 2; }
.m_q_bt_box ul li {  margin-left: 15px;  float: left; } 
.m_q_bt_box ul li:first-child {  margin-left: 0px; } 
.m_q_bt_box ul li a{ height: 46px; color: #9d9595; font-size: 16px;  border-radius:8px;  display: block; transition:all 0.3s ease; padding: 12px 15px 0 15px;  } 
.m_q_bt_box ul li a:hover { background: #fdeea3;  color: #000;  border-color:#fdeea3  } 

.m_q_bt_box ul li:last-child { margin-left: 25px;   } 
.m_q_bt_box ul li:last-child a{  color: #53a4ce;  } 
.m_q_bt_box ul li:last-child a:hover {  background: #fff; color: #000  } 


.m_q_list_box { }
.m_q_list_tit { overflow: hidden; margin-bottom: 15px; }
.m_q_list_tit h4 { font-size: 18px; color: #fff; float: left; line-height: 30px; }
.m_q_l_more { margin-top: 2px; margin-left: 10px; display:block; float:left; color: #53a4ce;    font-size: 16px; border-radius: 4px; padding: 0 5px; transition:all 0.3s ease;   }
.m_q_l_more i { vertical-align: middle; }
.m_q_l_more:hover {    background: #fff; color: #000    }

.m_q_list ul li { overflow: hidden; margin-bottom: 10px  }
.m_q_list ul li:last-child {  margin-bottom: 0px  }
.m_q_list ul li .p_l_flag {  margin: 0 5px 0 0;   }
.m_q_list ul li a{  display: block; font-size: 16px; color: #fff;  padding: 2px 0 0 0;
    text-overflow: ellipsis;
    width: auto;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;  }
.m_q_list ul li a:hover {  color: #f5e69e; }



/*.m_q_list .p_l_flag img{ width: 32px !important;height: 32px !important;  }*/




.m_archive_wrap { position: relative;background: #f3f3f3;  overflow: hidden;  padding-bottom: 100px}
.m_a_slide_wrap { width: 100%; left: 40%; position: absolute;height: 300px;  top: 0;  padding: 0 20px;}

.m_archive_wrap .t_u_text { margin-bottom: 140px;  }

.m_archive_box { background: #fff;height: 340px;border:1px solid #e7e7e7; box-shadow: 0 2px 10px rgba(72,72,72,0.1); border-radius: 16px; padding: 25px 32px;  transition:all 0.2s ease;  }

.m_a_item {   }

.m_a_type {display: inline-block; background: #e4e4e4;border-radius: 20px; font-size: 14px; color: #555555; line-height: 28px; padding: 0 15px; margin-bottom: 15px; }
.m_a_tit { font-size: 18px; color: #111; overflow: hidden; height:84px;  margin-bottom: 40px}
.m_a_author {font-size: 16px; color: #777; overflow: hidden;     margin-bottom: 60px; }

#archive_slide_wrap .owl-dots    {   display: none; }
#archive_slide_wrap .owl-nav   {   display: none;}
#archive_slide_wrap .owl-stage-outer { padding:30px 0}

.m_a_tit_box { float: left; padding: 30px 0 0 0  }


h3.m_c_tit { font-size: 40px; margin-bottom: 20px;  color: #151515;  font-weight: bold; }
.t_u_text  { font-size: 18px;    margin-bottom: 30px; }
.t_u_text span   {display: block; }
.m_a_tit_box .fb_bt_box {  }

.m_a_more {padding: 0 23px 0 0;  background: url(../img/background/m_a_more.png) no-repeat right 9px; display: inline-block; font-size: 16px; color: #777; }


.plus_more_bt {  background:#2c2c2c; padding: 0 30px;border-radius: 30px;display: inline-block;    }
.plus_more_bt span {display: inline-block; font-size: 16px; background: url(../img/background/m_more_plus.png) no-repeat right 50%; padding: 0 30px 0 0;     color: #fff;   line-height: 56px; }


.m_a_tit_box .plus_more_bt { margin-bottom: 40px  }
.m_l_more_wrap {  position: relative; }
.m_l_more_wrap .m_l_more_box { position: absolute; left: 0; top:-170px; }

.fb_bt_box { overflow: hidden; padding: 0 0 0 1px; margin-bottom: 1px;  }
	.fb_bt_box a { display: block; float: left; width:54px;height: 54px; border:1px solid #d3d6db;  text-indent: -9999px; margin-right: 5px; border-radius: 50px; }
	.fb_bt_box .fb_prev{ background:#fff url(../img/background/m_slide_arr_l.png) no-repeat 50% 50%;}
	.fb_bt_box .fb_next { background:#fff url(../img/background/m_slide_arr_r.png) no-repeat 50% 50%;}
.fb_bt_box a:hover  { cursor: pointer}

.m_archive_box:hover  { box-shadow: 0 2px 15px rgba(72,72,72,0.5); border-color: #000}


.m_archive_box:hover,
.m_archive_box.on {  background:#000 url(../img/background/m_archive_b_bg.png) no-repeat 0 0;    } 
.m_archive_box:hover .m_a_type,
.m_archive_box.on .m_a_type { color: #000; background: #fdeea3;  }

.m_archive_box:hover .m_a_tit,
.m_archive_box.on .m_a_tit { color: #fff; }

.m_archive_box:hover .m_a_author,
.m_archive_box.on .m_a_author { color: #fff; }

.m_archive_box:hover .m_a_more,
.m_archive_box.on .m_a_more { color: #fff;background: url(../img/background/m_a_more_w.png) no-repeat right 5px;  }




.m_state_wrap { background:#000 url(../img/background/m_state_bg02.png) no-repeat right 0;   padding: 110px 0 100px 0}
.m_state_wrap h3 { text-align: center; font-size: 26px; color: #fff; margin-bottom: 80px}
.m_state_box { text-align: center; }
.m_state_box span { display: block; text-align: center; font-size: 18px; color: #adadad; margin-bottom: 10px }
.m_state_box p{font-weight: bold; font-size: 60px; color: #fdeda3; font-family: GmarketSans; }


.m_project_wrap { background:#f5f4ec url(../img/background/m_project_bg.png) no-repeat 0 0;  padding: 90px 0 }
.m_project_box  { margin-top: 40px; padding: 0 20px}
.m_project_item { background: #050505; padding:34px 20px; border-radius: 16px; height: 340px; }
.m_project_item span { width: 70px; height: 70px; display: block; text-indent: -9999px;overflow: hidden; border-radius: 50px; margin-bottom: 20px }


.m_project_item .m_project_i1  {background:#fdeea3 url(../img/background/m_project_i01.png) no-repeat 50% 50%; background-size: 36px auto;}
.m_project_item .m_project_i2 { background:#fdeea3 url(../img/background/m_project_i02.png) no-repeat 50% 50%; background-size: 36px auto; }
.m_project_item .m_project_i3 { background:#fdeea3 url(../img/background/m_project_i03.png) no-repeat 50% 50%; background-size: 34px auto; }
.m_project_item .m_project_i4 { background:#fdeea3 url(../img/background/m_project_i04.png) no-repeat 50% 50%; background-size: 36px auto; }
.m_project_item .m_project_i5 { background:#fdeea3 url(../img/background/m_project_i05.png) no-repeat 50% 50%; background-size: 22px auto; }
.m_project_item .m_project_i6 { background:#fdeea3 url(../img/background/m_project_i06.png) no-repeat 50% 50%; background-size: 36px auto; }
.m_project_item .m_project_i7 { background:#fdeea3 url(../img/background/m_project_i07.png) no-repeat 50% 50%; background-size: 34px auto; }
.m_project_item .m_project_i8 { background:#fdeea3 url(../img/background/m_project_i08.png) no-repeat 50% 50%; background-size: 36px auto; }
.m_project_item .m_project_i9 { background:#fdeea3 url(../img/background/m_project_i09.png) no-repeat 50% 50%; background-size: 32px auto; }

.m_project_item p { font-size: 20px; color: #fff;  }
.m_project_item .m_a_more   {  color: #acacac;  background:url(../img/background/m_a_more_w.png) no-repeat right 8px;  position: absolute; left: 20px; bottom:34px; }

#m_project_slide_wrap .owl-dots  { display: none; }

#m_project_slide_wrap .owl-nav { margin: 0; }
#m_project_slide_wrap .owl-nav [class*=owl-] {
    width: 54px;
    height: 54px;
    border: 1px solid #d3d6db;
    text-indent: -9999px;
    margin-right: 5px;
    border-radius: 50px; }


#m_project_slide_wrap .owl-nav .owl-next {     background: #fff url(../img/background/m_slide_arr_r.png) no-repeat 50% 50%; }
#m_project_slide_wrap .owl-nav .owl-prev {     background: #fff url(../img/background/m_slide_arr_l.png) no-repeat 50% 50%; }


.m_project_top {display: flex; align-items: center; }

.m_p_tit_box { }
.m_p_tit_box .m_c_tit {  margin-bottom: 10px; }        
.m_p_tit_box .t_u_text {  margin-bottom: 0; } 



.m_p_fb_box {  margin-left: auto; }
.m_p_fb_box a {   display: block; float: left; width:54px;height: 54px; border:1px solid #d3d6db;  text-indent: -9999px; margin-right: 5px; border-radius: 50px;   }

.m_p_fb_box .m_p_fb_prev{ background:#fff url(../img/background/m_slide_arr_l.png) no-repeat 50% 50%;}
	.m_p_fb_box .m_p_fb_next { background:#fff url(../img/background/m_slide_arr_r.png) no-repeat 50% 50%;}
.m_p_fb_box a:hover  { cursor: pointer}



.m_db_wrap { padding: 90px 0; background:#fafafa url(../img/background/m_db_bg.png) no-repeat 50% bottom;  }
.m_db_inner { display: flex; align-items: center; }
.m_db_inner h3 {  width: 500px; }


.m_db_left { width: 500px; }
.m_db_left .t_u_text {  margin-bottom: 40px;  }
.m_db_bt_box p {  margin-top: 10px} 
.m_db_bt_box .plus_more_bt span { width: 180px;  }
                           



.m_db_row { overflow: hidden; }
.m_db_col { border-bottom: 1px solid #e3e3e3; padding: 0 0 24px 100px;  position: relative;  margin-bottom: 25px; }


.l_date_box { position: absolute;left:0; top:0; font-size: 11px; color: #686868; text-align: center;  font-family: GmarketSans;  width: 66px; height: 66px;border-radius: 12px; background: #eaeaea;padding: 6px 0 0 0;  }
.l_date_box strong { font-size: 24px; color: #333;   font-weight: normal;  display: block;  font-weight: 700; }

.m_db_l_tit { display: block; position: relative; font-size: 20px;  padding: 0 0 0 100px; margin-bottom: 5px;  text-overflow: ellipsis;   width: auto;    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden; }
.m_db_l_tit:hover  { color: #000;  }
.m_db_l_tit span { display: block;left: 0; top:0;   position: absolute;background: #4e4d4d; color: #fff; border-radius: 20px; font-size: 14px;  width: 78px; height: 28px; line-height: 28px; text-align: center; }

.m_db_l_bottom {overflow: hidden;padding: 0 0 0 10px }
.m_db_l_bottom ul li {float: left; margin-left: 15px; padding-left: 15px;   position: relative; }
.m_db_l_bottom ul li:after { content: ''; display: block; position: absolute; left: 0; top:5px; width: 1px; height: 15px; background: #d6d6d6; }
.m_db_l_bottom ul li:first-child { margin-left:0px; padding-left: 0px;  }
.m_db_l_bottom ul li:first-child:after {  display: none; }
.m_db_l_bottom ul li {font-size: 16px; color: #333; }
.m_db_l_bottom ul li em {display: inline-block; color: #777; margin-right: 15px;  }




.m_service_link {  background:#000 url(../img/background/m_service_bg.png) no-repeat 50% 50%;  padding: 100px 0 120px 0; }
.m_s_l_text{ text-align: center; font-size: 26px; color: #fff; margin-bottom: 40px;  }
.m_s_l_text span { display: inline-block; margin-left: 7px; }
                  
.m_s_l_item {position: relative; display: block;border-radius: 16px; background:rgba(255,255,255,0.1); height: 280px;  padding: 72px 0 0 0;  transition:all 0.3s ease; }
.m_s_l_item p{ color: #fff; text-align: center; font-size: 24px; padding: 82px 0 0 0;}
.m_s_l_item em { display: block; position: absolute; right: 20px; bottom:20px; padding: 0 24px 0 0;background: url(../img/background/m_a_more_w.png) no-repeat right 7px;color: #fff;  opacity: 0.5; font-size: 16px;  }
.m_s_l_item .m_s_l_i01 {background: url(../img/background/m_service_link01.png) no-repeat 50% 4px; }
.m_s_l_item .m_s_l_i02 {background: url(../img/background/m_service_link02.png) no-repeat 50% 0; }
.m_s_l_item .m_s_l_i03 {background: url(../img/background/m_service_link03.png) no-repeat 50% 7px; }
.m_s_l_item .m_s_l_i04 {background: url(../img/background/m_service_link04.png) no-repeat 50% 0; }
.m_s_l_item:hover { transform: translate(0px,-5px);}
.m_s_l_item:hover em{  opacity: 1; }



.m_letter_wrap  {padding: 80px 0; background:#f3f3f3;}

.m_letter_row { display: flex;  position: relative; align-items: center; }


.m_l_tit_box { background: url(../img/background/m_letter_icon.png) no-repeat 0 0; padding: 20px 0 0 155px;  } 


.m_letter_form { border-radius: 40px; background: #fff; height: 70px; width: 670px; margin-left: auto;  padding: 23px 200px 0 60px;  position: relative;   box-shadow: 0 5px 30px rgba(72,72,72,0.2); }
.m_l_f_i {  display: inline-block; color: #9e9e9e; font-size: 22px; position: absolute;     left: 25px;top: 18px;  }
.m_l_f_int{ width: 100%;background: #fff; border:0px;  font-size: 16px; outline: none;  }
.m_l_f_bt {transition:all 0.3s ease;  position: absolute; right: 2px; top:3px; height: 64px; padding: 0 30px; color: #fff; background: #000; border:0px; border-radius: 40px;  }
.m_l_f_bt:hover  {  background:#000 url(../img/background/m_archive_b_bg.png) no-repeat 0 0; background-size: auto 70px; color: #f5e69e;}



.m_history_wrap {background: url(../img/background/m_history_bg.png) no-repeat 50% 50%; padding: 115px 0;border-bottom: 1px solid #313131;  background-size: cover; }

.m_history_box { }
.m_history_box .m_c_tit { font-size: 40px; font-weight: bold;  color: #fff;   margin-bottom: 30px; }
.m_history_box .m_c_tit span { color:#fdeea3;  }
.m_history_box .t_u_text  { color:#cbcbcb;  font-size: 20px; margin-bottom: 90px; }

.t_l_more {     padding: 10px 20px 10px 20px;
    display: inline-block;transition:all 0.3s ease; border:1px solid #7f7f7f; border-radius: 6px; }
.t_l_more span {   transition:all 0.3s ease; display: inline-block;font-size: 16px; color: #ececec; background: url(../img/background/m_a_more_w.png) no-repeat right 8px; padding-right: 24px;}
.t_l_more:hover {  background: #fdeea3;border:1px solid #fdeea3;  }
.t_l_more:hover span {color: #000; background: url(../img/background/m_a_more.png) no-repeat right 8px; }               

.show {visibility: visible !important; }

.s_result_wrap { background: #f3f3f3; padding: 40px 0;}
.s_result_box{ position: relative; margin: 0 auto; width: 80%; padding: 0 200px 0 184px;}
.s_result_box .s_result_sel  {  position: absolute; left: 0; top:2px;  width: 180px;  }
.s_result_box .s_result_sel .form-select { height: 58px; border-radius: 40px;   }
.s_result_box .m_s_int_box{ margin: 0; background: #fff; height: 60px;      padding: 15px 80px 0 30px;  border: 1px solid #ccc;  }
.s_result_box .m_s_int_box .m_s_l_int{ color: #111;  }
.s_result_box .m_l_s_bt{   background: url(../img/background/search_i_b.png) no-repeat 15px 16px;width: 58px;height: 58px;}

.s_result_switch { position: absolute; right: 0; top:12px; }
.s_result_switch .form-switch .form-check-input { height: 28px; width: 50px;  } 
.s_result_switch .form-switch .form-check-label { margin: 7px 0 0 8px; font-size: 16px;  color: #333; }
.s_result_switch .form-check-input:checked  { background-color: #ffc962;     border-color: #ffc962;}

.letter_h3_tit { font-size: 26px; color: #000; margin-bottom: 10px  }

.letter_h3_tit span {  display: inline-block; width: 36px; height: 36px; border-radius: 18px;background: #101d40; text-align: center; line-height: 28px;  vertical-align: middle; margin-right: 8px;}
.letter_h3_tit span i  {  font-size: 18px; color: #fff;  }



.letter_m_text { font-size: 18px;color: #333;  margin-bottom: 20px; }

.l_help_box {  background: #f3f3f3; padding: 15px; border-radius: 8px; margin-bottom: 30px; }
.l_help_box ul li { font-size: 15px; color: #555; position: relative;  padding: 0 0 0 10px;margin-bottom: 8px;  }
.l_help_box ul li:after  {  content: ''; display: block; position: absolute; left: 0; top:9px; width: 4px; height: 4px; background: #999;  border-radius: 2px; }
.l_help_box ul li:first-child {  color: #000;  }
.l_help_box ul li:last-child {  margin-bottom: 0;  }

.form-control  { height: auto; }
.privacy_scroll_box { border:1px solid #ddd; padding: 15px; border-radius: 8px; overflow-y: scroll; height: 260px; }
.p_s_public_t { font-size: 14px; line-height: 24px;  margin-bottom: 30px }
.privacy_ul_box > li {  color: #555;    position: relative;font-size: 14px;line-height: 22px; }


.privacy_h4_tit { font-size: 18px;font-weight: bold; color: #000; margin-bottom: 10px  }
.privacy_h5_tit { font-size: 16px;font-weight: bold;  margin-bottom: 15px;margin-top: 30px }

.privacy_ul_box li ul { margin-top: 10px; }
.privacy_ul_box li ul li  {
    position: relative;
    padding: 0 0 0 10px;
}

.privacy_ul_box li ul li { margin-bottom: 7px; }
.privacy_ul_box li ul li:last-child { margin-bottom: 0px; }
.privacy_ul_box li ul li:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 9px;
    width: 5px;
    height: 2px;
    background: #999;
}
.privacy_bottom_box {  margin-top: 5px; border-radius: 6px;  background: #f3f3f3; padding: 5px; text-align: right; }
.privacy_bottom_box label { font-weight: normal; font-size: 15px; color: #000;  }

.privacy_mail_box { margin-top: 60px; border:1px solid #ddd; border-radius: 6px; padding: 15px;  margin-bottom: 20px; }
.privacy_mail_box h3 {  font-size: 20px; margin-bottom: 15px; }

.p_mail_t { display: block; text-align: center;  line-height: 38px;}


.newsletter_bottom {  }
.newsletter_bottom ul li {  margin-bottom: 10px; }
.newsletter_bottom ul li:last-child  {  margin-bottom: 0px; }
.newsletter_bottom ul li span { display: inline-block; padding: 0 15px; border-radius: 20px; background: #fce09e; color: #000  }


.newsletter_bt_box { text-align: center; margin-top: 40px;  }
.newsletter_bt_box a{  display: inline-block; color: #fff; background: #000; text-align: center;line-height: 56px; font-size: 22px; border-radius: 6px;padding: 0 50px; }









.code_m_box { padding: 40px 0 0 0;}
.code_message_top {background: url(../img/background/code_bg.png) no-repeat 50% 0;   background-size: 143px auto; margin: 0 auto 0px auto; padding: 160px 0 0 0;margin-bottom: 30px; }
.code_message_top.c_m_bg02 {background: url(../img/background/code_bg02.png) no-repeat 50% 0;   background-size: 143px auto;  }
.code_message_top p {  text-align: center; font-family: GmarketSans; font-size: 40px; font-weight: 300; color: #000;  }

.code_message_t {  text-align: center; font-size: 50px;  }
.code_message_t strong  { font-weight: 500;   }


.code_m_info { text-align: center; }
.code_m_info span {  background: #f3f3f3; border-radius: 20px; display: inline-block; padding: 0 15px; line-height: 32px; color: #333; font-family: GmarketSans; }

.code_m_i_tit{ font-size: 32px;  margin-bottom: 20px; }
.code_m_i_tit .red_c_t { color: #fe1e1e;  }
.code_m_i_tit .orange_c_t { color: #ff7b23;  }


.code_m_bottom {text-align: center; padding: 15px; border-radius: 16px; width: 500px; margin: 0 auto; background: #f3f3f3;  }