@charset "UTF-8";
/*********************************************
note : reset
*********************************************/
/*#header-wrapper {background:#eaf5ff; margin-bottom:1.25rem;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR','Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;text-align:center}*/
/* 이승현 / 1075980 / 20210722 */
#header-wrapper {background:#cfecff; margin-bottom:1.25rem;font-family:-apple-system,BlinkMacSystemFont,'Noto Sans KR','Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;text-align:center}

#header-wrapper::after {content:'';display:table;clear:both}
#header-wrapper ul, #header-wrapper ol {list-style:none;padding:0;margin:0}

/*********************************************
note : 최상단영역
*********************************************/
#user-gnb {height:30px;padding:.313rem 0;line-height:1;background:#eaf5ff;border:1px solid #dbdbdb}
#user-gnb::after {content:'';display:table;clear:both}

/* 사이트리스트 */
#user-gnb .ul-list li {float:left}
#user-gnb .ul-list li a {color:#8b8b90; letter-spacing:-.0225rem}
#user-gnb .ul-list li a:hover {text-decoration:none}
#user-gnb .float-left.ul-list {margin-left:15px;}
#user-gnb .float-right.ul-list {margin-right:15px;}
#user-gnb .float-left.ul-list li {padding-right:20px;font-size:11px;}
#user-gnb .float-right.ul-list li {font-family:-apple-system,BlinkMacSystemFont,Arial,sans-serif; padding-left:15px;font-size:12px; font-weight:600}

/* 로그인 */
#nav-header .user-logbox {position:relative; float:right; margin-left:0.8rem; margin-right:0.2rem;margin-top:15px;}
#nav-header .user-logbox li {display:block;float:left;padding:0 .538rem 0 0;font-size:.8rem;line-height:1;letter-spacing:-0.05em}
#nav-header .user-logbox li:first-child {padding-left:0}
#nav-header .user-logbox li:last-child {padding-right:0}
#nav-header .user-logbox li a {color:rgba(0,0,0,.6)}

/* 최산단 사이트 리스트 반응형처리 */
#user-gnb .menu_btn {display:none}
@media (max-width:1200px) {
	.ul-list {display:none}
	#user-gnb .menu_btn {display:block;position:relative;font-size:12px;line-height:18px}
	#user-gnb .menu_btn button {position:relative;font-size:12px;line-height:18px;color:#666666;cursor:pointer}
	#user-gnb .menu_btn .menu-trigger1::after {content:'';position:absolute;top:-6px;right:0;width:1px;height:30px;background-color:#dfdfdf}
	#user-gnb .menu_btn .menu-trigger2::after {content:'';position:absolute;top:-6px;left:0;width:1px;height:30px;background-color:#dfdfdf}
	#user-gnb .menu_btn li {padding:13px;width:100%;}
	#user-gnb .menu_btn li a {display:block;font-size:12px;line-height:12px;color:#8f8f8f;}
	#user-gnb .menu_btn li a:hover {text-decoration:none}
	#user-gnb .menu_btn .responsive-ul{display: none;position:absolute;z-index:9999999;width:141px;border:1px solid #dfdfdf;background-color:rgba(255,255,255,.96)}
	#user-gnb .menu_btn .responsive_menu1{top:24px;left:-1px}
	#user-gnb .menu_btn .responsive_menu2{top:24px;right:-1px}
	#user-gnb .menu_btn .responsive-ul li {border-top:1px solid #dfdfdf}
	#user-gnb .menu_btn .responsive-ul li:nth-child(1) {border-top:none}

}

/*********************************************
note : 로고영역
*********************************************/
#nav-header {padding:1.2rem 0}
#nav-header::after {content:'';display:table;clear:both}
#nav-header .dis-table {width:100%;table-layout:fixed}
#nav-header .dis-table-cell {width:100%;height:80px;vertical-align:middle; padding:.65rem 0 .4rem 0;}
#nav-header .dis-table-cell.user-banner {width:300px}
#nav-header .banner_box img {float:left !important}

/* 로고 */
#nav-header .user-logo {text-align:left}

/* 검색 */
#nav-header .user-search {float:right;width:220px;height:24px;padding:0 .5rem;border:1px solid #dbe1eb;border-radius:2rem;background-color:rgba(255,255,255,1)}
#nav-header .user-search input::placeholder{color:#000}
#nav-header .user-search input {float:left;width:calc(100% - 32px);height:22px;padding:0 .5rem;font-size:.8rem;letter-spacing:-0.05em;background:transparent;border:none;box-shadow:none}
#nav-header .user-search button {position:relative;float:right;width:22px;height:22px;padding-left:.313rem;font-size:.8rem}
#nav-header .user-search button::after {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);width:1px;height:16px;background-color:#dfdfdf}

#nav-header .main-cont {display:block;margin:0 0 .625rem 0;font-size:0.938rem;font-weight:500;letter-spacing:-.063rem;text-align:right;color:#444444}
#nav-header .main-cont img{padding-right:60px}
#nav-header .main-cont strong {font-size:1.125rem;color:#000000}

.right-banner{position:absolute; top:10px; left:calc(100% + 10px); width:250px}
/*********************************************
note : 메뉴영역
*********************************************/
/* 기본 */
#user-nav {position:relative;background-color:#fff; border-top:2px solid #c7000a; border-bottom:1px solid #d2d3d6}
#user-nav::after,#user-nav-wrapper::after {content:'';display:table;clear:both}
#user-nav-wrapper {/* overflow:hidden */;position:relative;}

/* 전체 */
#user-nav .all-section {float:left;position:relative;z-index:2;height:45px;padding-right:.625rem;font-size:1.063rem;font-weight:500;letter-spacing:-0.05em;color:#ffffff;cursor:pointer}
#user-nav .total-section > a{float: left; width: 55px; display: inline-block; position: relative; padding: 14px 0; font-weight: 600; color: rgba(0,0,0,1);  text-decoration: none;transition: all .25s;font-size: 0.88rem; letter-spacing: -0.075em;font-family: 'Nanum Gothic','나눔고딕','Nanum Barun Gothic','Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;    text-decoration: none;}


/* 섹션 */
#user-nav .mega-menu {float:left;position:relative;z-index:2;padding: 10px;width: calc(100% - 55px);}
#user-nav .mega-menu li.megaline {/*width:16.6666%;*/ margin: 0 10px; float:left;/*line-height:1.2;*/line-height:0.7;  font-family:'Nanum Gothic','나눔고딕','Nanum Barun Gothic','Malgun Gothic','돋움','dotum',"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;}
#user-nav .mega-menu li.megaline > a {display:inline-block;position:relative;padding:10px 0;font-size:0.88rem;letter-spacing:-0.02rem;font-weight:600;color:rgba(0,0,0,1);text-decoration:none;-moz-transition:all .25s;transition:all .25s}
#user-nav .mega-menu li.megaline > a.a-hover{color:#c7000a}
#user-nav .mega-menu li.megaline > a::before {display:none; content:'';position:absolute;z-index:1;border-left:1px solid rgba(0,0,0,.25);left:0;top:1rem;bottom:1rem}
#user-nav .mega-menu li.megaline:first-child a::before {border:none}
#user-nav .mega-menu li.megaline:last-child{padding-left:0 } 

/*#user-nav .mega-menu li.megaline:nth-child(1),
#user-nav .mega-menu li.megaline:nth-child(2),
#user-nav .mega-menu li.megaline:nth-child(3),
#user-nav .mega-menu li.megaline:nth-child(4),
#user-nav .mega-menu li.megaline:nth-child(5),
#user-nav .mega-menu li.megaline:nth-child(6){margin:0 23px 0 13px}

#user-nav .mega-menu li.megaline:nth-child(8),
#user-nav .mega-menu li.megaline:nth-child(9),
#user-nav .mega-menu li.megaline:nth-child(10),
#user-nav .mega-menu li.megaline:nth-child(11),
#user-nav .mega-menu li.megaline:nth-child(12),
#user-nav .mega-menu li.megaline:nth-child(13){margin:0 5px 0 10px}*/

/*#user-nav .mega-menu li.megaline:nth-child(8){padding-left:20px } */

/*#user-nav .mega-menu li.megaline .S1N11 {padding-top:4px}
#user-nav .mega-menu > li.megaline .S1N11 .S1N11-icons {display:inline-block;width:56px;height:15px;background:url(/image/menu_img01.gif) -0px 0 no-repeat;}*/

/*#user-nav .mega-menu li.megaline a[href*="S1N11"]{margin-top:0.25rem; font-size:0; width:62px; height:38px; margin-right:0.65rem; background:url('/image/menu_img01.gif') no-repeat 0 center; }
#user-nav .mega-menu li.megaline > a[href*="S1N11"]::before {content:'';position:absolute;z-index:1;border-left:1px solid rgba(0,0,0,.25);margin-left: -.12rem;    height: 0.85rem;    top: 0.8rem;bottom:1rem}*/

#user-nav .mega-menu li.megaline .S1N12 {padding-top:4px}
#user-nav .mega-menu > li.megaline .S1N12 .S1N12-icons {display:inline-block;width:56px;height:15px;background:url(/image/menu_img02.gif) -0px 0 no-repeat;}

#user-nav .mega-menu li.megaline a[href*="S1N12"]{margin-top:0.25rem; font-size:0; width:82px; height:38px; margin-right:0.65rem; background:url('/image/menu_img02.gif') no-repeat 0 center; }
#user-nav .mega-menu li.megaline > a[href*="S1N12"]::before {content:'';position:absolute;z-index:1;border-left:1px solid rgba(0,0,0,.25);margin-left: -.12rem;    height: 0.85rem;    top: 0.8rem;bottom:1rem}

#user-nav .mega-menu li.megaline a[href*="MAIN_14"]{margin-top:0.25rem; font-size:0; width:82px; height:38px; margin-right:0.65rem; background:url('/image/menu_img02.gif') no-repeat 0 center; }
#user-nav .mega-menu li.megaline > a[href*="MAIN_14"]::before {content:'';position:absolute;z-index:1;border-left:1px solid rgba(0,0,0,.25);margin-left: -.12rem;    height: 0.85rem;    top: 0.8rem;bottom:1rem}

#user-nav .mega-menu li.megaline ul {display:none;position:absolute;z-index:998;left:0;top:100%}
#user-nav .mega-menu li.megaline ul li.sub {float:left;padding:0 1.2rem;font-size:.9rem;line-height:1;letter-spacing:-0.05em}
#user-nav .mega-menu li.megaline ul li.sub:first-child {padding-left:0}
#user-nav .mega-menu li.megaline ul li.sub a {display:inline-block;position:relative;padding-top:1.2rem;padding-bottom:1.2rem;font-weight:400;color:rgba(255,255,255,.7);text-decoration:none}
#user-nav .mega-menu li.megaline ul li.sub a::after {content:'';position:absolute;z-index:1;border-bottom:2px solid transparent;left:0;right:0;top:100%;visibility:hidden;-moz-transition:all .25s;transition:all .25s}
#user-nav .mega-menu li.megaline ul li.sub a:hover {color:#fff}
#user-nav .mega-menu li.megaline ul li.sub a:hover::after {border-bottom-color:#fff;visibility:visible}




/* 로그인 */
#user-nav .banner {position:relative; float:right; width:200px; margin-right:0; background-color:#999;}

/* 김민희 / 995485 / 20201020 */
.right-banner02 {position:absolute;top:15px;right:-85px;width:120px;}

/* 배진희 / 1069230 / 20210629 */
/*#user-nav .total-section > a{font-size:1rem;letter-spacing:-.08em;}*/
#user-nav .mega-menu li.megaline{position:relative;width:auto !important;margin:0;line-height:2em;}
#user-nav .mega-menu li.megaline:after{content:"";position:absolute;left:0;top:8px;width:1px;height:15px;background:#ccc}
/*#user-nav .mega-menu li.megaline a{padding:0 1rem;font-size:1rem;letter-spacing:-.08em;}*/
.right-banner02{top:0;}

/* 이승현 / 1075980 / 20210722 */
/*#user-nav .total-section > a{font-size:1rem;letter-spacing:-.08em; padding-left: 1rem;}
#user-nav .mega-menu li.megaline a{padding:0 .4rem;font-size:.895rem;letter-spacing:-.08em;}*/
/* 강수현 / 1299551 / 20230830 */
#user-nav .total-section > a{font-size:1.125rem;letter-spacing:-.08em; padding:12px 0 12px 150px;width:230px}
#user-nav .mega-menu {width:calc(100% - 230px)}
#user-nav .mega-menu li.megaline a{padding:0 1rem;font-size:1.125rem;letter-spacing:-.08em;}

/* 번역 */
#nav-header .right-banner .user-translation-icons {float:right;display:inline-block;margin-bottom:7px;}
#nav-header .right-banner .user-translation-icons li {float:left;margin-right:.55rem}
#nav-header .right-banner .user-translation-icons li:first-child {margin-left:.756rem}