@charset "utf-8";


/* 메인메뉴 */
#menuArea{top:169px; border-top:1px solid #e5e5e5;}
#menuArea:before{z-index:97; content:''; display:none; position:absolute; top:70px; left:0; width:100%; height:2px; border-top:1px solid #99b9d2; background:#558ab4;}
#menuArea.on:before,
#menuArea .bar{display:block;}
#topmenu > li{position:static;}
#topmenu li .menu{display:none; visibility:visible; opacity:1; z-index:96; position:absolute; left:0; top:70px; width:100%; min-height:430px; padding:41px 0 12px 24.25%; transform:none; transition:none; box-sizing:border-box; box-shadow:none; background:none;}
#topmenu li.active .menu{top:70px;}
#topmenu li .tit{position:absolute; top:0; left:0; width:24.25%; height:100%; padding:74px 0 0 36px; line-height:150%; text-align:left; background:#daedff; box-sizing:border-box;}
#topmenu li .tit:before,
#topmenu li .tit:after{content:''; display:block; position:absolute; bottom:51px; left:0; width:246px; height:157px; background:url(/source/korean/images/common2022/bg_menu1.png) no-repeat 0 100%;}
#topmenu li .tit:before{bottom:auto; top:44px; width:37px; height:37px; background:url(/source/korean/images/common2022/ico_menu.png) no-repeat 0 -15px;}
#topmenu li.menu2 .tit:after{background-image:url(/source/korean/images/common2022/bg_menu2.png);}
#topmenu li.menu3 .tit:after{background-image:url(/source/korean/images/common2022/bg_menu3.png);}
#topmenu li.menu4 .tit:after{background-image:url(/source/korean/images/common2022/bg_menu4.png);}
#topmenu li.menu5 .tit:after{background-image:url(/source/korean/images/common2022/bg_menu5.png);}
#topmenu li.menu6 .tit:after{background-image:url(/source/korean/images/common2022/bg_menu6.png);}
#topmenu li .tit h2{height:56px; line-height:110%; font-size:38px; font-weight:900; font-family:"gmarket"; color:#00508e;}

#topmenu li ul {padding:0 0 0 13px;}
#topmenu .menu > ul > li{float:left; width:21.87%; margin:0; padding:0 0 40px 3.1%; text-align:left;}
#topmenu .menu:before{content:''; display:block; position:absolute; right:50%; top:0; width:100%; height:100%; margin:0 600px 0 0; border:none; background:#daedff;}

#topmenu li li{margin:0;}
#topmenu li li a{position:relative; height:54px; line-height:51px; padding:0 0 0 12.755%; color:#000; font-weight:800; font-family:"gmarket"; border:2px solid #eaeaea; box-sizing:border-box;}
#topmenu ul ul{position:relative;}
#topmenu ul ul:before{content:''; display:block; position:absolute; top:-30px; right:20px; width:10px; height:5px; background:url(/source/korean/images/common2022/ico_menu.png) no-repeat -13px 0;}
#topmenu ul a[target="_blank"] + ul:before{display:none;}
#topmenu li li a[target="_blank"]:after{position:absolute; right:20px; top:50%; margin:-6px 0 0 0;}

#topmenu li .menu > ul > li:hover > a,
#topmenu li li a:hover,
#topmenu li li a:active,
#topmenu li li a:focus,
#topmenu li li.current_on > a{color:#00508e; border-color:#00508e;}

#topmenu li li a span{display:block; padding:0;}
#topmenu li li a span:after{display:none;}


/* 3차 메뉴 */
#topmenu ul ul{padding:16px 0 17px 25px; background:#f8f8f8;}
#topmenu ul ul li{float:none; width:100%; padding:0; box-sizing: border-box;}
#topmenu ul ul li a{position:relative; height:auto; line-height:110%; padding:6px 0 6px 18px; font-size:16px; border:none; font-weight:700; font-family:"Noto Sans KR";}
#topmenu ul ul li a:after{display:none;}
#topmenu ul ul li a[target="_blank"]:after{right:22px;}
#topmenu ul ul li a:before{content:''; position:absolute; top:10px; left:0; display:block; width:9px; height:5px; background:#bfbfbf;}
#topmenu ul ul li a:hover,
#topmenu ul ul li a:active,
#topmenu ul ul li a:focus,
#topmenu ul ul li.current_on a{color:#000; text-decoration:underline;}



/* 배너 */
#banner{position:relative; float:left; width:100%; height:105px; border-top:1px solid #ddd;}
#banner .inner{padding:15px 195px 0 0;}
#banner .control{position:absolute; right:0; top:20px; width:189px; height:67px; padding:0 0 0 8px; border:1px solid #e5e5e5; background:#fff; box-sizing:border-box;}
#banner .control button{display:block; position:relative; float:left; width:35px; height:100%; margin:0; border:none; border-radius:0; font-size:0; text-indent:-9999px; box-sizing:border-box; background-image:url(/source/korean/images/main2022/ico_ctrl.png); background-repeat: no-repeat;}
#banner .control button:hover{border-color:#6a7487;}
#banner .btn_prev{background-position:10px -214px;}
#banner .btn_next{background-position:-63px -214px;}
#banner .btn_stop{background-position:-26px -214px;}
#banner .btn_stop.on{background-position:-92px -214px;}
#banner .control .more{float:right; width:66px; height:65px; border-radius:0; border:none; border-left:1px solid #e5e5e5; font-size:0; text-indent:-999px; box-sizing:border-box; background:url(/source/korean/images/main2022/ico_ctrl.png) no-repeat -135px -212px;}
#banner .list_wrap{position:relative; float:left; width:100%; box-sizing:border-box; text-align:center;}
#banner .list{float:left; position:relative;}
#banner .list a{display:block; padding:5px 8px 0 0; transition:0.25s ease-in-out;}
#banner .list a:hover{padding-top:0;}
#banner .list a:hover img{box-shadow:4px 4px 0 #ddd;}
#banner .slick-slide img{display:inline;}
#banner .control button:hover,
#banner .control a:hover{background-color:#f9f9f9;}


/**
서브레이아웃
**/
#subContent{overflow:hidden; width:960px; margin:0 auto; padding:35px 0 40px 0;}
#subLeft{float:left; width:172px;}
#subRight{float:right; width:741px;}

/* 서브비주얼 */
#subVisual{overflow:hidden; width:100%; text-align: center; background:#dff1ef;/*margin-top:-38px;*/}


/*
서브메뉴
*/
#submenu {width:100%; padding:4px 0 20px 0; background:url(/source/korean/images/common/submenu/bg.gif) no-repeat left bottom;}
#submenu li {padding:0 17px 0 14px; line-height:0px;}
#submenu a {display:block; width:136px; line-height:13px; padding:10px 0 10px 5px;  color:#626262; font-weight:bold;border-bottom:1px solid #cfd7da; text-decoration:none;}
#submenu a:hover{color:#1da4dc; background:url(/source/korean/images/common/submenu/bg_list.gif) no-repeat right center;}
#submenu .current_on a{color:#1da4dc; background:url(/source/korean/images/common/submenu/bg_list.gif) no-repeat right center;}

#quick_search{padding:13px 0 0 0;}
#quick_search li{width:100%; height:81px; padding:14px 0 8px 0; background:url(/source/korean/images/common/submenu/bg_search.gif) no-repeat;}
#quick_search li h3{padding:0 0 21px 11px;}
#quick_search li fieldset{display:block; padding:0 0 0 10px;}
#quick_search li fieldset .info{padding:0 0 5px 0;}
#quick_search li fieldset select{width:110px; border:1px solid #d4d0c8;}
/*
문서정보
*/
#pageInfo{overflow:hidden; width:100%;border-bottom:1px solid #c8c8c8; margin:0 0 20px 0;}
#pageInfo h2{float:left; padding:5px 0 15px 0; font-size:215%; font-weight:normal; font-family: 'malgun Gothic', '맑은고딕', 'dotum', '돋움', sans-serif;}
#pageInfo .loc{float:right; padding:13px 0 0 0;}
#pageInfo .loc a{padding:0 0 0 13px; background:url(/source/korean/images/common/bullet/ico_home.gif) no-repeat 0 1px;}
#pageInfo .loc span{font-weight:bold;}

/* 탭메뉴 */
#tabmenu{overflow:hidden; width:100%; /*height:29px;*/ margin:0 0 25px 0; border-bottom:2px solid #1da4dc;}
#tabmenu li{float:left; display:inline; margin:0 -1px 0 0; font-weight:bold; line-height:0;}
#tabmenu li.first-child{margin:0;}
#tabmenu li a{text-decoration:none;display:block;padding: 8px 25px 6px 25px;line-height:15px;}
#tabmenu .current_on{background:url(/source/korean/images/common/tabmenu/bg_left_on.gif) no-repeat left top;}
#tabmenu .current_on a{color:#fff; background:url(/source/korean/images/common/tabmenu/bg_right_on.gif) no-repeat right top;}
#tabmenu .current{background:url(/source/korean/images/common/tabmenu/bg_left.gif) no-repeat;}
#tabmenu .current a{color:#7c7c7c; background:url(/source/korean/images/common/tabmenu/bg_right.gif) no-repeat right top;}
#tabmenu .last-child a{margin:0;}

/* 서브페이지 기본 */
#sub_default{overflow:hidden; width:100%; line-height:1.4em;}

/* 툴팁 */
.tooltip{width:350px; padding:5px; background:#fff; border:1px solid #4b4b4b;}
.tooltip p{color:#3c6ecb;}
.tooltip_s{width:210px; padding:5px; background:#fff; border:1px solid #4b4b4b;}
.tooltip_s p{color:#3c6ecb;}