@charset "utf-8";

/* header */
#header { position:relative; width:100%; height:179px; margin:0; background:url('/images/layout/bg_header.gif') repeat-x 0 0; z-index:1;}

#header .aside-wrap { width:1200px; margin:0 auto; padding-bottom:1px}
#header .aside-wrap:after { content:""; clear:both; display:block;}
#header .aside-wrap li { float:left;  border-left:1px solid #e1e1e1;  }
#header .aside-wrap li a { display:block; padding:0 12px; color:#555; font-size:12px; line-height:39px; }
#header .aside-wrap .book-mark { float:left; border-left:1px solid #e1e1e1;}
#header .aside-wrap .book-mark a { display:block; padding:0 12px; color:#555; font-size:12px; line-height:39px;}
#header .aside-wrap #legibility { float:left; border-right:1px solid #e1e1e1}
#header .aside-wrap #legibility li:first-child { padding:0 12px; color:#555; font-size:12px; line-height:39px;}
#header .aside-wrap #legibility li img { padding:9px 0; }
#header .aside-wrap .top-menu { float:right; border-right:1px solid #e1e1e1;}
#header .aside-wrap .top-menu li.eng a { color:#555 !important; }
#header .aside-wrap .top-menu li img { padding:9px 0; }

#header .header-wrap { width:1200px; margin:0 auto; }
#header .header-wrap:after { content:""; clear:both; display:block; }
#header .header-wrap h1 { float:left; padding:12px 0 10px 0; }


/* search */
#header .header-wrap #search { float:right; padding:18px 0}
#header .header-wrap #search .srhitem { float:left; height:42px; line-height:42px; }
#search div.srhitem label{ display:inline-block; margin-right:20px; color:#555; font-size:12px; font-weight:600}
#search div.srhitem .radio { margin-top:0}
#search div.srhkey{ float:left; }
#search div.srhkey input[type=text]{ width:320px; height:42px; padding:0 15px; border:0; color:#555; background:#e9e9e9;}


/* gnb */
.gnb_wrap { position:relative; width:100%; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; z-index:2;}
#gnb { position:relative; width:1200px; margin:0 auto; text-align:center;}
#gnb>li { display:inline-block; margin:0 25px; }
#gnb>li>a { position:relative; display:block; color:#000; font-family:'Noto Sans KR', sans-serif; font-size:20px; line-height:59px;}
#gnb>li>a.openAdm { color:#4fb224}
#gnb>li>a:hover,
#gnb>li>a:focus,
#gnb>li>a.hover,
#gnb>li>a.openAdm:hover { color:#478edc; text-decoration:none}
#gnb>li>a.hover:after { content:""; display:block; position:absolute; top:45px; left:50%; width:10px; height:10px; margin-left:-5px; border-top:1px solid #ddd; border-left:1px solid #ddd; transform:rotate(45deg); background:#fff; z-index:5}
#gnb li ul{ position:absolute; top:50px; padding:6px 20px; border:1px solid #ddd; background:#fff}
#gnb li ul.sgnb1 { left:0; }
#gnb li ul.sgnb2 { left:27px; }
#gnb li ul.sgnb3 { left:136px; ;}
#gnb li ul.sgnb4 { left:133px; }
#gnb li ul.sgnb5 { right:260px; }
#gnb li ul.sgnb6 { right:0 }
#gnb li ul.sgnb7 { right:0 }
#gnb li ul.sgnb8 { right:0}
#gnb li li { position:relative; display:inline-block; padding:0 12px 0 15px;}
#gnb li li:after { content:""; display:block; position:absolute; top:2px; left:0; width:1px; height:8px; background:#ddd}
#gnb li li:first-child:after { display:none}


/* container */
#container { position:relative; margin:0 auto; padding-top:40px; }
#container:after { content:""; clear:both; display:block;}

#middle { width:1200px; margin:0 auto}



/* left */
#left { position:relative; float:left; width:230px; margin-right:40px; }
#left h2 { position:relative; height:73px; padding:30px 0; text-align:center; z-index:1; }
#left h2 strong { color:#fff; font-size:29px; font-family:'Noto Sans KR', sans-serif; line-height:73px; }

.bg01_lnb h2 { background:url(/images/menu/bgLnbH2_4.jpg) 0 0 no-repeat;}
.bg02_lnb h2 { background:url(/images/menu/bgLnbH2_4.jpg) 0 0 no-repeat;}
.bg03_lnb h2 { background:url(/images/menu/bgLnbH2_5.jpg) 0 0 no-repeat;}
.bg03_lnb h2 strong { word-break:break-all; line-height:120% !important}
.bg05_lnb h2 { background:url(/images/menu/bgLnbH2_4.jpg) 0 0 no-repeat;}
.bg05_lnb h2 strong { word-break:break-all; line-height:120% !important}
.bg06_lnb h2 { background:url(/images/menu/bgLnbH2_3.jpg) 0 0 no-repeat;}
.bg07_lnb h2 { background:url(/images/menu/bgLnbH2_2.jpg) 0 0 no-repeat;}
.bg08_lnb h2 { background:url(/images/menu/bgLnbH2_1.jpg) 0 0 no-repeat;}

#lnb { margin:20px 0 70px 0; padding-bottom:86px; border:1px solid #e0e0e0 }
#lnb>li { border-bottom:1px solid #e0e0e0;}
#lnb>li>a { position:relative; display:block; padding:0 25px; color:#4e4e4e; font-family:'Noto Sans KR', sans-serif; line-height:42px; letter-spacing:-1px }
#lnb>li>a.hover,
#lnb>li>a:hover,
#lnb>li>a:focus { text-decoration:none; background:#e3e3e3}
#lnb>li>a.hover:after,
#lnb>li>a:hover:after,
#lnb>li>a:focus:after { content:""; display:block; position:absolute; top:17px; right:10px; width:6px; height:9px; background:url('/images/menu/bgArrow.png') no-repeat 0 0}
#lnb li ul { display:none; padding:20px 30px; }
#lnb li li { padding-left:12px; background:url('/images/menu/bgLnb.gif') no-repeat 0 50%; }
#lnb li li a { color:#777; font-size:14px; line-height:24px; letter-spacing:-1px}
#lnb li li a:hover,
#lnb li li a:focus,
#lnb li li a.hover { text-decoration:underline}

.bg08_lnb #lnb>li>a.hover, 
.bg08_lnb #lnb>li>a:hover,
.bg08_lnb #lnb>li>a:focus { color:#555}
.bg08_lnb #lnb>li>a.hover:after, 
.bg08_lnb #lnb>li>a:hover:after,
.bg08_lnb #lnb>li>a:focus:after { background-color:#3091b5}
.bg08_lnb #lnb li li a:hover,
.bg08_lnb #lnb li li a:focus,
.bg08_lnb #lnb li li a.hover { color:#3091b5; }

.bg07_lnb #lnb>li>a.hover, 
.bg07_lnb #lnb>li>a:hover,
.bg07_lnb #lnb>li>a:focus { color:#555}
.bg07_lnb #lnb>li>a.hover:after, 
.bg07_lnb #lnb>li>a:hover:after,
.bg07_lnb #lnb>li>a:focus:after { background-color:#b2884f}
.bg07_lnb #lnb li li a:hover,
.bg07_lnb #lnb li li a:focus,
.bg07_lnb #lnb li li a.hover { color:#b2884f; }

.bg06_lnb #lnb>li>a.hover, 
.bg06_lnb #lnb>li>a:hover,
.bg06_lnb #lnb>li>a:focus { color:#555}
.bg06_lnb #lnb>li>a.hover:after, 
.bg06_lnb #lnb>li>a:hover:after,
.bg06_lnb #lnb>li>a:focus:after { background-color:#915aac}
.bg06_lnb #lnb li li a:hover,
.bg06_lnb #lnb li li a:focus,
.bg06_lnb #lnb li li a.hover { color:#915aac }

.bg05_lnb #lnb>li>a.hover, 
.bg05_lnb #lnb>li>a:hover,
.bg05_lnb #lnb>li>a:focus { color:#555}
.bg05_lnb #lnb>li>a.hover:after, 
.bg05_lnb #lnb>li>a:hover:after,
.bg05_lnb #lnb>li>a:focus:after { background-color:#d8891e}
.bg05_lnb #lnb li li a:hover,
.bg05_lnb #lnb li li a:focus,
.bg05_lnb #lnb li li a.hover { color:#d8891e }

.bg03_lnb #lnb>li>a.hover, 
.bg03_lnb #lnb>li>a:hover,
.bg03_lnb #lnb>li>a:focus { color:#555}
.bg03_lnb #lnb>li>a.hover:after, 
.bg03_lnb #lnb>li>a:hover:after,
.bg03_lnb #lnb>li>a:focus:after { background-color:#6d9c1c}
.bg03_lnb #lnb li li a:hover,
.bg03_lnb #lnb li li a:focus,
.bg03_lnb #lnb li li a.hover { color:#6d9c1c }

.bg02_lnb #lnb>li>a.hover, 
.bg02_lnb #lnb>li>a:hover,
.bg02_lnb #lnb>li>a:focus { color:#555}
.bg02_lnb #lnb>li>a.hover:after, 
.bg02_lnb #lnb>li>a:hover:after,
.bg02_lnb #lnb>li>a:focus:after { background-color:#d8891e}
.bg02_lnb #lnb li li a:hover,
.bg02_lnb #lnb li li a:focus,
.bg02_lnb #lnb li li a.hover { color:#d8891e }

/* right */

#right{ float:left; width:825px; color:#565758; font-size:14px}



/* quick */

#quick{ float:right; margin-top:60px; width:65px; font-size:0; line-height:0; zoom:1;}

#quick ul li ul li{ padding:4px 0; background:url(/images/background/bg01_quick.gif) repeat-x left bottom;}

#quick ul li ul li.end{ background:none;}

#quick ul li img{ vertical-align:top;}



/* path */

#path a.home{ padding:0; background:none;}

#path a,

#path strong{ padding-left:9px; background:url(/images/icon/ico02_path.gif) 2px 50% no-repeat; font-size:0.917em; color:#050505;}

#path strong{ color:#111;}



/* title */

#title{ overflow:hidden; margin-top:43px; padding-bottom:36px; /* height:100%; */ }

#title h2{ float:left; padding-right:10px; background:url(/images/background/bg_line.gif) right bottom no-repeat; }

#title h2.no-bg {background:none!important;}

#title p{ float:left; padding:11px 0 0 5px;}

#title .title_p{ padding-top:18px;}

#title img{ vertical-align:top;}



/* contents */

#contents{ padding-bottom:40px; color:#565758; font-size:14px}
#contents>p { text-align:center}
#contents1{ padding-bottom:40px; color:#565758; font-size:14px}
#contents1>p { text-align:center}
.orgPhone { border-bottom:1px solid #f1f1f1;}
.orgPhone p { width:845px; margin:0 auto; padding:20px 105px 20px 250px; text-align:right}
.orgPhone span { margin-left:30px; color:#555}



/* footer */
#footer { position:relative; margin:0 auto; padding:0 0 30px 0; width:1200px; }
#footer:after { content:""; clear:both; display:block;}
#footer .footer_wrap { margin-bottom:20px; padding:10px 0;  border-bottom:1px solid #ddd}
#footer .footer_wrap:after { content:""; clear:both; display:block;}

#footer .foot_menu { float:left;  }
#footer .foot_menu li{ position:relative; float:left; margin-left:15px; padding-left:16px; }
#footer .foot_menu li:after { content:""; clear:both; display:block; position:absolute; top:10px; left:0; width:1px; height:10px; background:#999}
#footer .foot_menu li:first-child { margin-left:0; padding-left:0}
#footer .foot_menu li:first-child:after { display:none}
#footer .foot_menu li a { color:#555; font-weight:600; line-height:28px; }

#footer .foot_select { float:right; }
#footer .foot_select li { float:left; margin-left:15px; }
#footer .foot_select li select { height:28px; }
#footer .foot_select li a { display:inline-block; padding:0 10px; color:#fff; line-height:28px; vertical-align:top; letter-spacing:-1px; background:#555}

#footer .ftLogo { float:left; margin:0 30px 0 0; }

#footer address{ float:left; margin-top:5px; color:#888; font-size:14px; line-height:20px; }
#footer address .copy { display:block}
#footer .aside_logo { position:absolute; top:60px; right:0}
#footer .aside_logo a { margin-left:20px; }




/* left_search */

.search_sub { width:214px!important; margin:0 0 0 -22px!important; padding:0!important; border-top:1px solid #dbdbdb;}

.search_sub li { border-bottom:1px solid #dbdbdb; line-height:1; padding:1px 0;}

.search_sub li a { display:block; padding:8px 0 9px 17px; color:#3c3c3c; text-decoration:none; font-size:14px; letter-spacing:-1px;}

.search_sub li a:hover, .search_sub li a.hover { background: url(/images/icon/ico04_search.gif) 181px center no-repeat #f2f2f2;}