@charset "euc-kr"; /* 메인 */ #main_header {width:1275px; height:80px; margin:0; padding:0; min-height:100px; border-bottom:solid; border-bottom-width:4px; border-bottom-color:#144199; background-color:white; } .head_div1{ float:left; width:33%; padding-top:15px; } .head_div2{ float:left; width:34%; text-align:center; padding-top:32px;} .head_div3{ float:left; width:33%; text-align:right; padding-top:15px;} .head_div3 .weather {width:100%; height:28px; margin-right:0;} .head_search{margin-top:20px; position:relative; padding:0;} .head_search .inp{font-size:18px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic", Dotum ; ime-mode:active; width:200px; height:27px; top:0; right:52px; position:absolute; vertical-align:middle; border-width:1px; border-color:#ccc; border-style:solid; padding:0; margin: 0;} .head_search .btn{top:0px; vertical-align:top; margin:0; float:right;} .txt4{ color:#333; font-size:12px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic", Arial, Helvetica, sans-serif; text-decoration:none;} #main_menu{ position:relative; width:1275px; height:65px; /*height:35px;*/ margin:0; padding:0; background-color:white; } #main_log{ position:absolute; height:23px; top:0; right:1px; background-color:white; padding:7px 0 0 0; z-index:20;} #main_log img {margin-top: -1px;} #main_log a {margin: 2px 3px 0 2px; display:block; float:left; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; font-size:12px; font-weight:400; } .top_menu {width:1275px; height:65px; position:relative; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; z-index:10; background-color:white; } .top_menu ul {padding:0; margin:0; list-style:none;} .top_menu > ul {float:left; position: absolute;} .top_menu > ul > li {float:left; margin-left:35px; } .top_menu > ul > li > a {display:block; /*color:#000;*/ line-height:30px; background:transparent; text-decoration:none; padding:0 0 0 10px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; font-size:14px;} .top_menu > ul > li > a b {display:block; background:transparent; padding:0 20px 0 10px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; font-size:18px; font-weight:500; margin:0 9px;} .top_menu > ul > li > ul {width:1265px; position:absolute; top:30px; left:-9999px; height:34px; /*height:25px;*/ background:#ebebeb; opacity:0; padding-left:10px; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .top_menu > ul > li > ul > li {float:left; position:relative; margin-top: 3px; margin-left: 7px; margin-right: 7px;} .top_menu > ul > li > ul > li > a {display:block; color:#444; line-height:26px; text-decoration:none; padding:0 5px 0 20px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; font-size:15px; } .top_menu > ul > li:hover > a { background-color:#ebebeb; no-repeat scroll 0px 0px transparent; color:#f35b66; /* 대분류 hover 색상*/} .top_menu > ul > li:hover > a b { background-color:#ebebeb; no-repeat right top color:#f35b66; text-shadow: #ebebeb 0px 0px 4px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; font-weight:500;} .top_menu ul li:hover {direction:ltr;} .top_menu > ul > li:hover > ul {left:0; opacity:1;} .top_menu > ul > li > ul > li:hover > a {color:#f35b66; font-weight:bold; /* 소분류 hover 색상*/} .top_menu > ul > li > ul > li.current > a {color:#aa1520; font-weight:800;} .top_menu > ul > li.current > a { background-color:#ebebeb; no-repeat scroll 0px 0px transparent;} .top_menu > ul > li.current > a b { background-color:#ebebeb; no-repeat right top; color:#f35b66; font-weight:500; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; } .top_menu > ul > li.current > ul {left:0; opacity:1;} .top_menu > ul:hover > li.current > a {background:transparent;} .top_menu > ul:hover > li.current > a b {background:transparent;} .top_menu > ul:hover > li.current > ul {left:-9999px;} .top_menu > ul:hover > li.current:hover > a { background-color:#ebebeb; no-repeat scroll 0 0 transparent;} .top_menu > ul:hover > li.current:hover > a b { background-color:#ebebeb; no-repeat right top; color:#f35b66; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; font-weight:500;} .top_menu > ul:hover > li.current:hover > ul {left:0; opacity:1;} /*(2021.2.23)*/ .top_menu2 {width:1275px; height:65px; position:relative; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; z-index:10; background-color:white; } .top_menu2 ul {padding:0; margin:0; list-style:none;} .top_menu2 > ul {float:left; position: absolute;} .top_menu2 > ul > li {float:left; margin-left:7px;} .top_menu2 > ul > li > a {display:block; /*color:#000;*/ line-height:30px; background:transparent; text-decoration:none; padding:0 0 0 10px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; font-size:14px;} .top_menu2 > ul > li > a b {display:block; background:transparent; padding:0 10px 0 10px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; font-size:18px; font-weight:500; margin:0 9px;} .top_menu2 > ul > li > ul {width:1265px; position:absolute; top:30px; left:-9999px; height:34px; /*height:25px;*/ background:#ebebeb; opacity:0; padding-left:10px; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .top_menu2 > ul > li .af2 {width:1265px; position:absolute; top:30px; left:-9999px; height:34px; background:#ebebeb; opacity:0; padding-left:10px; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .top_menu2 > ul > li > .af2 > li > a {display:block; color:#444; line-height:30px; text-decoration:none; padding:0 5px 0 20px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; font-size:15px; } .top_menu2 > ul > li > .af2 > li > a b{font-size:16px; font-weight:bold; color:#333;} .top_menu2 > ul > li > .af2 > li {float:left; position:relative; } .top_menu2 > ul > li > .af2 > li:hover > a b {color:#f35b66; font-weight:bold; /* 소분류 hover 색상*/} .top_menu2 > ul > li .af3 { width:1265px; position:absolute; top:30px; left:-9999px; height:180px; background:#ebebeb; opacity:0; padding-left:10px; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .top_menu2 > ul > li > .af3 > li > a {display:block; color:#444; line-height:30px; text-decoration:none; padding:0 5px 0 20px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; font-size:15px; } .top_menu2 > ul > li > .af3 > li > a b{font-size:16px; font-weight:bold; color:#333;} .top_menu2 > ul > li > .af3 > li {float:left; position:relative; margin-top: 12px; } .top_menu2 > ul > li > .af3 > li:hover > a b {color:#f35b66; font-weight:bold; /* 소분류 hover 색상*/} .top_menu2 > ul > li .af3_sum_sub {display:none; width:1265px; position:absolute; top:30px; left:-9999px; height:34px; background:#ebebeb; opacity:0; padding-left:10px; -moz-transition:opacity 0.5s; -ms-transition:opacity 0.5s; -o-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .top_menu2 > ul > li > .af3_sum_sub > li > a {display:block; color:#444; line-height:30px; text-decoration:none; padding:0 5px 0 20px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; font-size:15px; } .top_menu2 > ul > li > .af3_sum_sub > li > a b{font-size:16px; font-weight:bold; color:#333;} .top_menu2 > ul > li > .af3_sum_sub > li {float:left; position:relative; } .top_menu2 > ul > li > .af3_sum_sub > li:hover > a b {color:#f35b66; font-weight:bold; /* 소분류 hover 색상*/} .top_menu2 > ul > li > ul > li {float:left; position:relative; margin-top: 3px; margin-left: 7px; margin-right: 7px;} .top_menu2 > ul > li > ul > li > a {display:block; color:#444; line-height:26px; text-decoration:none; padding:0 5px 0 20px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; font-size:15px; } .top_menu2 > ul > li:hover > a { background-color:#ebebeb; no-repeat scroll 0px 0px transparent; color:#f35b66; /* 대분류 hover 색상*/} .top_menu2 > ul > li:hover > a b { background-color:#ebebeb; no-repeat right top color:#f35b66; text-shadow: #ebebeb 0px 0px 4px; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; font-weight:500;} .top_menu2 ul li:hover {direction:ltr;} .top_menu2 > ul > li:hover > ul {left:0; opacity:1;} .top_menu2 > ul > li > ul > li:hover > a {color:#f35b66; font-weight:bold; /* 소분류 hover 색상*/} .top_menu2 > ul > li > ul > li.current > a {color:#aa1520; font-weight:800;} .top_menu2 > ul > li.current > a { background-color:#ebebeb; no-repeat scroll 0px 0px transparent;} .top_menu2 > ul > li.current > a b { background-color:#ebebeb; no-repeat right top; color:#f35b66; font-weight:500; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; } .top_menu2 > ul > li.current > ul {left:0; opacity:1;} .top_menu2 > ul:hover > li.current > a {background:transparent;} .top_menu2 > ul:hover > li.current > a b {background:transparent;} .top_menu2 > ul:hover > li.current > ul {left:-9999px;} .top_menu2 > ul:hover > li.current:hover > a { background-color:#ebebeb; no-repeat scroll 0 0 transparent;} .top_menu2 > ul:hover > li.current:hover > a b { background-color:#ebebeb; no-repeat right top; color:#f35b66; font-family: "Noto Sans KR","Nanum Gothic","Malgun Gothic"; font-weight:500;} .top_menu2 > ul:hover > li.current:hover > ul {left:0; opacity:1;} .head_div3 img{margin:0 0 -5px 0;} .top_stup button {height: 30px; float:left; color:#666; text-align:left; background-color:transparent; overflow:visible;} .head_div1 .top_stup {margin: 51px 0 0 -8px;} button {cursor:pointer; border:0;}