@charset "utf-8";

/* wrap */
#wrap{position:relative; width:100%; box-sizing:border-box; }
#wrap:after{content:''; display:block; clear:both;}
#wrap.active{overflow:visible}

#main-wrap{position:relative; width:100%; box-sizing:border-box; }
#main-wrap:after{content:''; display:block; clear:both;}
#main-wrap.active{overflow:visible}
#main-wrap  #header{position:absolute; }

#sub_contents{position:relative; min-height: 500px; }
#sub_contents:after{content:''; display:block; clear:both;}

/* header */
#header{position:relative; top:0; right:0; left:0; height:80px; background:#fff; z-index:9999; box-sizing:border-box; transition:all .40s ease}

.header_top{position:relative; width:1400px; margin:0 auto; background:#fff; transition:all .40s ease; }
.header_top .logo{position:absolute;  left:0; z-index:999; top:0px}
.header_top .logo a{display:block; width:232px; height:55px; text-align: center;}
.header_top .logo a img{max-width: 100%; height:auto}



/* header 전체메뉴 */

.allmenu{position:absolute; top:10px;  right:0; z-index:30; }
.allmenu .allmenu_toggle{display:block;position:relative;width:60px;height: 50px;box-sizing:border-box;border:1px solid #ddd}
.allmenu .allmenu_toggle:before, .allmenu .allmenu_toggle:after{content:''; position:absolute; left:45%; width:35px; height:3px; background:#000; margin-left:-15px; transition:all .20s ease; }
.container .allmenu_box ul.dep02_ul > li > a:hover{text-decoration:underline}
.allmenu .allmenu_toggle:before{top: 13px;}
.allmenu .allmenu_toggle:after{bottom: 23px;}
.allmenu .allmenu_toggle strong{display:block;position:absolute;top: 31px;left:45%;width:20px;height:3px;margin-left:-15px;background:#000;transition:all .20s ease;}
.allmenu  span.op_cl{ width:80px; display:inline-block; color:#000; position:absolute; left:40px; top:-18px; font-size:15px; display: none}
.allmenu .allmenu_toggle:hover:before, .allmenu .allmenu_toggle:hover:after{width:14px}
.allmenu .allmenu_toggle:hover strong{width:35px}

/* 전체메뉴layer*/
#allmenu_layer{display:none; position:absolute; top:0; left:0%; width:100%; z-index:99999; background:#fff; }
#allmenu_layer:before{content:''; left:0; top:0; width:100%; height:100%;}
#allmenu_layer .allmenu{position:relative; width:100%;}
#allmenu_layer .allmenu_inner{position:relative; width:1400px; margin:0 auto; padding:60px 0}
.allmenu_tit{position:absolute; color:#000; font-size: 35px; left:45%; top:15px;}

/*layer 닫기버튼*/
#allmenu_layer .allmenu .allmenu_close{display:block;position:absolute;right:5%;top:0%;width: 58px;height: 58px;border:1px solid #fff;box-sizing: border-box; z-index: 50}
#allmenu_layer .allmenu .allmenu_close:before, #allmenu_layer .allmenu .allmenu_close:after{content:'';position:absolute;left: 40%;width: 33px;height:2px;margin-left: -11px;background:#000;transition:all .20s ease}
#allmenu_layer .allmenu_close:before{top: 28px;transform:rotate(45deg)} 
#allmenu_layer .allmenu_close:after{bottom: 26px;transform:rotate(-45deg)}
#allmenu_layer .allmenu_close:hover:before{transform:rotate(225deg)}
#allmenu_layer .allmenu_close:hover:after{transform:rotate(135deg)}   
.mob_menuLogin {display: none;}


 .container .allmenu_box{    width: 100%;    min-width: 1400px;    margin: 40px 0px 0px;    border-top: solid 1px #ddd;
    padding: 20px 0px 0px;    position: relative;}
.container .allmenu_box::after,.container .allmenu_box ul.dep02_ul::after{    content:'';    display:block;    clear:both;}
 .container .allmenu_box span.dep01{    position: absolute;    top: -4px;    background: url(../_image/common/allmenu_bar.png) no-repeat top center;    width: 180px;    padding-top: 25px;    font-size: 1.5625rem;color:#000;    padding-left: 5px;}
 .container .allmenu_box ul.dep02_ul {    position: relative;    left: 210px;    width: 1220px;}
.container .allmenu_box ul.dep02_ul > li{    float: left;    width: 18%;    margin: 0px 5px;    display: block;}
 .container .allmenu_box ul.dep02_ul > li > a{    padding: 8px 0px;    font-size: 1.0rem;    border: solid 1px #ddd;    display: block;    width: 100%;    text-align: center;  background: #f8f8f8; color:#151a59}
 .container .allmenu_box ul.dep02_ul > li > ul.dep03_ul{padding-top: 15px;min-height: 120px;padding-left:0}
.container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li{margin: 0px 0px 10px 0px;display: block;padding-left: 5px;}
.container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li > a{    line-height: 1.5;    font-size: 0.9375rem;    color: #616161;    display: block; position: relative; padding-left: 15px;}
.container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li > a:after{position:absolute; content: ''; width: 4px; height: 4px; border-radius: 30px; background: #000; top:8px; left:0}
.container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li > a:hover{color:#000; text-decoration: underline}

.container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li > a.have_menu > span{    background: url(../_image/common/menu_plus.png) no-repeat center center;    width: 20px;    height: 22px;    text-indent: -9999px;    display: inline-block;    margin-left: 10px;}
 .container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li > a.have_menu.active > span{    background: url(../_image/common/menu_minus.png) no-repeat center }
.container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li > ul.dep04_ul{    margin: 8px 0px 12px;}
 .container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li > ul.dep04_ul > li{    margin-bottom: 5px;    padding-left: 7px;}

.container .allmenu_box ul.dep02_ul > li > ul.dep03_ul > li > ul.dep04_ul > li > a{    font-size: 14px;    color: #909db8;}

.dep03_ul > li > a.have_menu + ul.dep04_ul {    height:0px;    overflow:hidden;    transition:height 200ms;}
.dep03_ul > li > a.have_menu.active + ul.dep04_ul {    height:auto;}

.h_300 {min-height:300px}


#hnb {height: 35px; max-width: 100%; display:flex; width:1400px;  justify-content: flex-end; margin:0 auto; }
#hnb .select_lang {   flex-grow:1 ; margin-top:8px; }
#hnb .select_lang ul { display:flex; justify-content:center;   justify-content: flex-end;}
#hnb .select_lang ul li { width:30px; margin:0 0px; }
#hnb .select_lang ul li a {display:block;/* background-image:url('/_templates/_common/_asset/_image/flag_kor.jpg'); */background-repeat:no-repeat;width:24px;height:18px;background-size:100% auto;/*text-indent:-10000px;*/border:1px solid #ccc;}
#hnb .select_lang ul li a img{vertical-align:top; max-width:100%}

#hnb ul.list{width:auto; margin:0 auto; display: flex;     justify-content: flex-end;}
#hnb ul.list li,  #hnb ul.list span{margin:5px 20px; position:relative}
#hnb ul.list li a{font-size: 0.875rem;}
#hnb ul.list li:after{position:absolute; content: ''; width:1px; height:15px; background: #dadada; top:6px; right:-20px}
#hnb ul.list li:last-child{margin-right:0}
#hnb ul.list li:last-child:after{display: none;}
#hnb ul.list li i {vertical-align: middle; padding-bottom: -5px;}


/* gnb */
#gnb{position:absolute; top:35px; left:0; width:100%; height:80px; background:#fff;border-bottom:1px solid #dadada;  transition:all .40s ease; z-index:2; border-bottom:1px solid #dadada; height: 80px;}
#gnb:hover{box-shadow: 0 10px 10px -8px rgb(0 0 0 / 20%); }
#gnb:before{content:''; position:absolute; left:0; top:0; width:100%; height:80px; background:#fff; transition:all .40s ease; border-bottom:1px solid #dadada; }


/*대메뉴*/
.gnb_ul{width:1200px;margin:0 auto; text-align: center;   }
.gnb_ul>li{display:inline-block;  }
.gnb_ul>li>a{position: relative; display:inline-block;  text-align:center; line-height: 80px;   font-size:1.25rem;letter-spacing:0.025em;color:#000; width: 100%; font-weight: 600; padding:0 2rem; white-space:nowrap; }
.gnb_ul>li>a.select{color:#5CA6E4}
.gnb_ul>li>a:after{ content:''; position:absolute; width:0px; height:4px; left:48%; bottom:0; transition:all .45s cubic-bezier(0.7, 0, 0.3, 1);    background:#fff; 
    background:-webkit-linear-gradient(110deg, #5CA6E4, #5CA6E4, #5CA6E4); background:-moz-linear-gradient(110deg, #5CA6E4, #5CA6E4, #5CA6E4); background:linear-gradient(110deg, #5CA6E4, #5CA6E4, #5CA6E4); border-radius: 30px; z-index: 999}
.gnb_ul>li:hover>a:after{width:100%;margin-left:-50%}
.gnb_ul>li>a.select{color:#5CA6E4}
.gnb_ul>li>a.select:before{position:absolute; content: ''; width:8px; height: 8px;top:20px; left:10px; background: #5CA6E4; border-radius: 100px;}
.gnb_ul>li>a:hover:before{position:absolute; content: ''; width:8px; height: 8px;top:20px; left:10px; background: #5CA6E4; border-radius: 100px;}
/*대메뉴*/

/* SubMenu */
.gnb_ul>li .subdepth{display:none;position:absolute;left:0;top: 79px;width:100%;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;
   padding:20px 0 20px;color:#000;box-shadow: 0 10px 10px -8px rgba(0,0,0,0.2); background-color: rgba(255, 255, 255, .7);
    backdrop-filter: blur(10px);}

.gnb_ul>li .subdepth .list_wrap{display:flex; position:relative;  width: 1200px; margin:0 auto; height: auto;}

.gnb_ul>li .subdepth .list_wrap>ul.list {width:100%;  position:relative; }
.gnb_ul>li .subdepth .list_wrap>ul.list>li {display: inline-flex;   width:auto;  margin: 0 1%; margin-bottom: 15px; position:relative; min-height:auto;}
.gnb_ul>li .subdepth .list_wrap>ul.list>li a:hover {color:#5CA6E4}
.gnb_ul>li .subdepth .list_wrap>ul.list>li:hover:after{position:absolute; content: ''; width: 6px; height: 6px; border-radius: 50%; left:50%; top:0px; background: #5CA6E4;}
.gnb_ul>li .subdepth .list_wrap>ul.list>li > a {display:inline-block; width: 100%;font-size: 1.0625rem;padding: 10px 15px; text-align: center; color:#333; font-weight: 500;}
.gnb_ul>li .subdepth .list_wrap>ul.list>li .menu_dep3 { position:relative; overflow: hidden; margin: 20px 0}
.gnb_ul>li .subdepth .list_wrap>ul.list>li .menu_dep3>ul > li {position:relative; padding-left: 15px;}
.gnb_ul>li .subdepth .list_wrap>ul.list>li .menu_dep3>ul > li:after{position:absolute; content: ''; width: 4px; height:4px; background: #000; left:0; top:8px; border-radius: 30px;}
.gnb_ul>li .subdepth .list_wrap>ul.list>li .menu_dep3>ul > li > a {font-size: 16px; color:#808080; margin-bottom: 15px; display: inline-block; position:relative}
.gnb_ul>li .subdepth .list_wrap>ul.list>li .menu_dep3>ul > li >a:hover{color:#000}
.gnb_ul>li .subdepth .list_wrap>ul.list>li .menu_dep3>ul > li > a:after{ position:absolute; content:''; width:0px; height:1px; background:#000;transition:all .25s ease; bottom:-0px; left:0px }
.gnb_ul>li .subdepth .list_wrap>ul.list>li .menu_dep3>ul > li > a:hover:after{width:100%;}

.gnb_ul>li .subdepth .list_wrap>ul.list>li .menu_dep3>ul.dep03_ul > li > a> span {    background: url(../_image/common/menu_plus.png) no-repeat center center;    width: 20px;    height: 22px;    text-indent: -9999px;    display: inline-block;    margin-left: 10px;}
.gnb_ul>li .subdepth .list_wrap>ul.list>li .menu_dep3>ul.dep03_ul > li > a.have_menu.active > span {    background: url(../_image/common/menu_minus.png) no-repeat  center center;}

.gnb_ul>li .subdepth .list_wrap>ul.list>li .menu_dep3>ul.dep03_ul > li > a.have_menu  + ul.dep04_ul {    height:0px;    overflow:hidden;    transition:height 200ms;}
.gnb_ul>li .subdepth .list_wrap>ul.list>li .menu_dep3>ul.dep03_ul > li > a.have_menu.active + ul.dep04_ul {height:auto; margin-bottom: 15px;}
.gnb_ul>li .subdepth .list_wrap>ul.list>li .menu_dep3>ul.dep03_ul > li > a.have_menu.active + ul.dep04_ul > li { margin-bottom:5px;}
.gnb_ul>li .subdepth .list_wrap>ul.list>li .menu_dep3>ul.dep03_ul > li > a.have_menu.active + ul.dep04_ul > li > a{ font-size:15px; }
.gnb_ul>li .subdepth .list_wrap>ul.sub_min_h>li {min-height:60px;}
.h330{min-height:365px !important;}
.gnb_ul>li:first-child{margin-left:5% !important;}



/* footer */
#footer{position:relative; background: #fff; border-top:1px solid #ddd }
#footer:after{content:''; display:block; clear:both}
#footer .footer_inner{position:relative; width:1400px; margin:0 auto; box-sizing:border-box; padding: 15px 0}
#footer .footer_inner .link_service{ width:100%; position:relative;  }
#footer .footer_inner .link_service:after{content:''; display:block; clear:both}
#footer .footer_inner .link_service li{position:relative; float:left; padding-right: 28px; box-sizing:border-box}
#footer .footer_inner .link_service li:first-child{padding-left:0}
#footer .footer_inner .link_service li a{display:inline-block; font-size:0.875rem; font-weight:normal; color:#818181; position:relative;}
#footer .footer_inner .link_service li a:hover{text-decoration:underline}
#footer .footer_inner .link_service li:after{ width: 1px;    height: 13px;    background: #dbdbdb;
    content: '';    position: absolute;    right: 15px;    top: 5px;}
#footer .footer_inner .link_service li:last-child:after{ background:none}
/*#footer .footer_link .link_service li:first-child a{color:#ff2525}*/


#footer .footer_inner{position:relative; width:1400px; margin:0 auto; padding-bottom:50px; box-sizing:border-box;}

.footer_logo{position:relative ;margin: 10px 0}
#footer .addr_info{position:relative;padding-top: 10px;/* font-family: 'SCDREAM3'; *//* font-size: 12px; */}
#footer .addr_info:after{content:''; display:block; clear:both}
#footer .addr_info li{margin-bottom:2px;/* color: #fff; */line-height:150%;font-size: 0.875rem;box-sizing:border-box;color: #333;}
#footer .addr_info li:last-child{margin-bottom:0}
#footer .addr_info li span{ margin-right:20px;}
#footer .addr_info li a {color:var(--main-color)}
#footer .addr_info li em {padding-left:8px}

#footer .cs_info{position:relative; margin-bottom:22px}
#footer .cs_info dl{margin-bottom:2px; overflow:hidden}
#footer .cs_info dl dt, #footer .cs_info dl dd{float:left; color:#707070;  line-height:150%; font-size:13px; box-sizing:border-box}
#footer .cs_info dl dd.tel{width:145px}
#footer .cs_info dl dd span{letter-spacing:normal}

#footer .footer_inner .copyright{color:#b0b0b0; line-height:150%; font-weight:normal; font-size:0.75rem; letter-spacing:0.2px; text-transform:uppercase; margin-top: 10px;}


/* 관련사이트 */
.related {position: absolute;right: 0rem;top: 30px;z-index: 1;width: 20rem;font-size: 0.9375rem;line-height: 3rem;border: 1px solid #333;background: #333;z-index: 100;padding: 5px 0;}
.related a {color: #fff;display: block;padding-left: 1.15rem;font-size: 0.8125rem;text-align: left;font-weight: 500;}
.related ul {visibility: hidden;overflow: hidden;position: absolute;left: 0;bottom: 100%;;width: 20rem;height: 0;padding: 0;background-color: #333;line-height: 1.5;transition: all 0.2s; border:1px solid #3d405c; border-bottom:0; left:-1px}
.related ul li a{ color:#fff; margin-bottom: 5px; font-family: scDream1}
.related .label::after {position: absolute;right: 0;bottom: 7px;width: 2.5rem;font-size: 0.875rem;text-align: center;content: '\e942';transition: all 0.2s;font-family:"xeicon";}
.related ul li a:hover{text-decoration: underline}
.related .active ul {visibility: visible; height: auto; padding-top: 0.7rem;}
.related .active .label::after {top: 2px; transform: rotate(180deg);}






/* 게시판 페이징 */
* + .board_pager { margin-top: 4rem; }
.board_pager { font-size: 0.9375rem; text-align: center; }
.board_pager a { display: inline-block; overflow: hidden; width: 3.5rem; height: 3.5rem; border-radius: 100%; text-align: center; line-height: 3.5rem; vertical-align: top; }
.board_pager a.arr { border: 1px solid #ddd; }
.board_pager a.arr::before { display: block; width: 100%; height: 100%; font-family: "xeicon"; text-align: center; line-height: inherit; }
.board_pager a.arr.first::before { content: ""; }
.board_pager a.arr.prev::before { content: ""; }
.board_pager a.arr.next::before { content: ""; }
.board_pager a.arr.last::before { content: ""; }
.board_pager a.arr.first, .board_pager a.arr.last { text-indent: -0.75rem; letter-spacing: -0.75rem; }
.board_pager a.active { background-color: #333; color: #fff; }
.board_pager .group { margin: 0 0.5rem; }

#contents {position:relative; margin-top: 30px;}

@media all and (max-width:1280px)
{
#contents {  margin-top: 0px;}
}