@charset "utf-8";
/* CSS Document */

/* 폰트 */
@font-face {
    font-family:'Nanum';
    src:url('/font/nanum.eot');
    src:url('/font/nanum.eot?#iefix') format('embedded-opentype'), url('/font/nanum.woff') format('woff'), url('/font/nanum.ttf') format('truetype');
    font-weight:normal;
    font-style:normal; 
}
@font-face {
    font-family:'NanumBold';
    src:url('/font/nanum_bold.eot');
    src:url('/font/nanum_bold.eot?#iefix') format('embedded-opentype'), url('/font/nanum_bold.woff') format('woff'), url('/font/nanum_bold.ttf') format('truetype');
    font-weight:bold;
    font-style:normal; 
}

body{font-family:'돋움',Dotum,'굴림',Gulim,Helvetica,sans-serif}
body, input, textarea, select, button, table, h1, h2, h3, h4, h5{font-size:16px; line-height:1.25em /* 20px */}

/* HTML Default */
article, aside, figcaption, figure, footer, header, hgroup, nav, section {display:block}
mark{background:#FF0;color:#000}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, article, aside, hgroup, header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0; font-size:100%;}
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,q:before, q:after { content:''; }
a {margin:0; padding:0; text-decoration:none;}
button { margin:0; padding:0; border:0; font:inherit; color:inherit; background:transparent; overflow:visible; cursor:pointer; line-height:1; }
button::-moz-focus-inner { margin: -1px; padding: 0; }
table {border-collapse:collapse; border-spacing:0; width:100%;}
h1, h2, h3, h4, h5 {font-weight:normal; font-family:'NanumBold';}
img, select, input, button {vertical-align:middle;}
input, select { color:inherit; font:inherit; line-height:100%; }
textarea { resize:none; font:inherit; overflow-y:auto; }
html {-webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; text-size-adjust:none;}
.hid, legend, hr {position:absolute; left:-10000%; top:0; overflow:hidden; width:1px; height:1px; font-size:0; line-height:0; text-indent:-10000px;}
caption {visibility:hidden; overflow:hidden; width:0; height:0; font-size:0; line-height:0;}
body {margin:0; padding:0; font-size:14px; word-break:break-all; -webkit-text-size-adjust:none;}
ul, ol, li, figure {list-style-type:none; margin:0; padding:0;}
cite, blockqoute {display:block; font-style:normal;}
figcaption { display:none;}
.blind {display:block; overflow:hidden; position:absolute; top:0; left:0; width:0 !important; min-width:0 !important; height:0; border:0; background:0 0; font-size:0; line-height:0}

.al {text-align:left !important;}
.ac {text-align:center !important}
.ar {text-align:right !important}
.fl {float:left !important;}
.fr {float:right !important;}

.no_wrap {white-space:nowrap}
.ell_txt {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.border_none{ border:none !important;}

.clearfix:after {display:block; visibility:hidden; clear:both; height:0; content:'';}
.clearfix {*zoom:1;}

#skipArea, #skipArea ul {height:0; width:100%;}
#skipArea a {position:absolute; top:-9999px; left:0; z-index:100; width:100%; height:30px; background-color:#000; color:#fff; line-height:30px; font-family:'NanumBold'; opacity:0.6; text-align:center; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60);}
#skipArea a:focus, #skipArea a:hover, #skipArea a:active{top:0;}

/* 마진값 */
.mgt0 { margin-top:0 !important; }
.mgt5 { margin-top:5px !important; }
.mgt10 { margin-top:10px !important; }
.mgt15 { margin-top:15px !important; }
.mgt20 { margin-top:20px !important; }
.mgt30 { margin-top:30px !important; }
.mgt40 { margin-top:40px !important; }
.mgt50 { margin-top:50px !important; }

body, html{ height:100%}
#wrap{ position:relative; min-width:980px; min-height:100%; overflow:hidden;}

/* 상단(로고 및 메뉴) */
.area_header { position:relative; top:0; left:0; z-index:20; width:100%; height:120px; background: url(/images/template/02087/common/t_bg.gif) repeat-x 0 0px;}
.area_header header { position:relative; width:980px; margin:0 auto;}
.area_header header h1 { position:absolute; top:18px; left:0;}

.area_header .top_menu { position:absolute; right:200px; top:19px}
.top_menu li { float:left;}
.top_menu li a { display:inline-block; font-size:12px; line-height:14px; padding:4px 0; color:#a6adba; vertical-align:middle; font-family:'Nanum'; *float:left; *margin:0 8px;}
.top_menu a:hover { text-decoration:underline}

.top_menu li:before {display:inline-block; overflow:hidden; width:1px; height:10px; margin:0 8px 0 0; background:#5a677e; content:''; vertical-align:middle}
.top_menu li:after {display:inline-block; overflow:hidden; margin:0 8px 0 0; content:'';}
.top_menu li:first-child:before { width:0; margin:0 8px 0 0}

/* 검색 - 웹버전 */
.box_search_0 {overflow:hidden; position:absolute; right:0; top:0; width:200px; height:33px;}
.box_search_0 input { position:absolute; top:0; left:0; background:#4d5a70; border:0; font-size:12px; width:160px; height:33px; line-height:33px; color:#c5c8cd; font-family:'Dotum'; padding:0 4px 0 12px;}
.box_search_0 button { position:absolute; top:0; right:0; width:37px; height:33px; border:none; background:url("/images/template/02287/common/btn_search_w.gif") no-repeat; text-indent:-10000px;}
.box_search_0 input::-webkit-input-placeholder {color:#666; font-family:'Dotum';}

/* ie8 미디어쿼리 핵 */
@media \0screen {

.box_search_0 input { line-height:28px}

}

/* 웹네비게이션 */
#webNavi{display:block; padding-top:73px; /* 메뉴위치 탑 */ }
#gnb{ position:relative; }
#gnb li{ position:relative; float:left; }
#gnb li a{ display:inline-block; font-family:'NanumBold'; letter-spacing:-1px;  color:#fff; font-size:15px; padding:14px 17px 13px; line-height:20px; vertical-align:middle;}
#gnb li a:hover, #gnb li a:focus, #gnb li.on a{ color:#92c9f5; background:url(/images/template/02287/common/gnb_arrow.png) no-repeat center 38px; }
#gnb li:first-child {margin:0 0 0 0}

/* 세로메뉴 */
#gnb li ul.box { position:absolute; top:43px;left:50%; margin-left:-82px; background-color:#fff; width:140px; padding:12px 12px; border:2px solid #454f62; }
#gnb li ul.box li{ padding:0; margin:0; float:none}
#gnb li ul.box li a { display:block; letter-spacing:0; font-family:'Dotum'; font-size:12px; color:#666; padding:3px; margin:0; background:none}
#gnb li ul.box li a:hover, #gnb li ul.box li a:focus{ color:#0e73c3; text-decoration:underline}

/* mobile layout */
#tablet{display:none; width:100%}
#tabletHeader {width:100%; margin:0 auto; position:fixed; top:0; left:0; z-index:20; background-color:#fff; height:67px; border-bottom:2px solid #006cb3}
#tabletLogo{ text-align:center; padding:16px 0 0}
#tabletGnb #menuOpen{position:fixed; left:10px; top:13px; z-index:101}
#tabletGnb #menuOpen img{ width:44px; height:auto}

/* mobile 검색영역 */
#tabletSearch #searchOpen { position:fixed; right:10px; top:13px; z-index:21}
#tabletSearch #searchOpen img{ width:44px; height:auto}

#mSearch{ position:absolute; top:-90px; left:0; width:100%; height:90px; z-index:19; background-color:#647485}
#mSearch .con p {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; position:relative; width:90%; margin:0 auto; padding:21px 200px 0 0}
#mSearch .con .inputText {border-color:transparent; width:100%; background:#fff; border-radius:3px; height:39px; line-height:39px; padding:0 10px 0}
#mSearch .con .btnSearch { position:absolute; top:21px; right:90px; min-width:80px; font-size:15px}
#mSearch  .btnSearch, #mSearch  a.btnSearch { font-family:"Nanum"; display:inline-block; padding:14px 15px 13px; background-color:#205e9f; font-size:16px; color:#fff; border:none; border-radius:3px}
#mSearch .btnSearchClose { font-size:0; line-height:0; text-indent:-9999em; position:absolute; top:25px; right:5%; width:25px; height:33px; background:url('/images/template/02287/common/btn_search_close.png') no-repeat 50% 0}

/* mobile navi */
#mNavi{position:absolute; left:-250px; top:0; width:250px; height:100%; z-index:9999; background-color:#354052}
#mNavi #mtitle{width:100%; height:50px; background:#354052; border-bottom:1px solid #434d5e;}
#mNavi #mtitle a {z-index:10000; font-size:0; line-height:0; text-indent:-9999em; display:inline-block; width:26px; height:23px; position:absolute; left:18px; top:14px; background:url(/images/template/02287/common/btn_close.gif) no-repeat; background-size:100% auto;}

#mNavi #mgnb .snb { width:100%; border-bottom:1px solid #535c6c; padding:5px 0; }
#mNavi #mgnb .snb, #mNavi #mgnb .snb ul li {background-color:#30394a}
#mNavi #mgnb .snb li { float:left;/* width:30%; */ border-bottom:0; }
#mNavi #mgnb .snb li a { display:inline-block; font-family:"Nanum"; height:26px; line-height:26px; text-align:left; font-size:12px; color:#fff; vertical-align:middle}

#mNavi #mgnb ul{width:100%; overflow:hidden}
#mNavi #mgnb ul li{border-bottom:1px solid #535c6c; background-color:#30394a; position:relative}
#mNavi #mgnb ul li a{display:block; padding:0 0 0 20px; height:42px; line-height:42px; font-size:16px; font-family:"NanumBold"; color:#fff}
#mNavi #mgnb ul li a:hover, #mNavi #mgnb ul li a:focus, #mNavi #mgnb ul li a:active{color:#2eaced}

#mNavi #mgnb ul li ul{display:none; background-color:#202631; padding:10px 0;}
#mNavi #mgnb ul li ul li{border-bottom:0; background-color:#202631}
#mNavi #mgnb ul li ul li a{display:block; padding:0 0 0 20px; height:28px; line-height:28px; font-size:14px; font-family:"Nanum"; color:#fff}
#mNavi #mgnb ul li ul li a:hover, #mNavi #mgnb ul li ul li a:focus, #mNavi #mgnb ul li ul li a:active{color:#2eaced}

#mNavi #mgnb ul li ul li ul{ display:none; background-color:#202631; padding:4px 0;}
#mNavi #mgnb ul li ul li ul li{border-bottom:0; background-color:#202631}
#mNavi #mgnb ul li ul li ul li a{display:block; padding:0 0 0 30px; height:22px; line-height:22px; font-size:12px; font-family:"Nanum"; color:#ccc}
#mNavi #mgnb ul li ul li ul li a:hover, #mNavi #mgnb ul li ul li ul li a:focus, #mNavi #mgnb ul li ul li ul li a:active{color:#2eaced}

#mNavi #mgnb ul li ul li.row > a:before,
#mNavi #mgnb ul li ul li.row > a:after {display:block; position:absolute; background-color:#a7a8aa; content:'';}
#mNavi #mgnb ul li ul li.row > a:before {width:9px; height:1px; right:18px; top:14px;}
#mNavi #mgnb ul li ul li.row > a:after {width:1px; height:9px; right:22px; top:10px;}
#mNavi #mgnb ul li ul li.on > a:after { display:none}

/* footer */
.area_footer {position:relative; z-index:20; padding:0 0 30px;  background:#eaebeb url(/images/template/02287/common/footer_bg.gif) repeat-x;}
.box_footer {position:relative; width:980px; margin:0 auto; padding:12px 0 0;}
.footer_link {font-family:'돋움',Dotum; font-size:12px; margin:0 0 30px;}
.footer_link button { display:none;}
.footer_link li { float:left; font-size:13px; line-height:13px; background:url("/images/template/02287/common/bar.gif") no-repeat left 4px;}
.footer_link li:first-child{ background:none;}
.footer_link li a {display:block; padding:4px 12px 0 13px; letter-spacing:-1px; color:#444;}
.footer_link li:first-child a {padding-left:0;}
.footer_link li.point a { font-weight:bold; color:#0f6bde;} /* 180206 KSY 추가 */
.box_footer .box_info{ font-size:12px; font-family:'돋움',Dotum; color:#555;}
.box_footer .box_info address{ display:inline-block; line-height:18px; *display:inline; font-style:normal; }
p.copyright {font-family:'돋움',Dotum; font-size:12px; color:#555; padding:5px 0 0;}

.footBtn { position:absolute; top:0; right:0; width:200px; overflow:visible;  border:1px solid #ccd1da; }
.footBtn button { width:200px; height:39px; overflow:hidden; background:#f5f7f8 url(/images/template/02287/common/arrow.png) no-repeat 100% 50%; color:#404040; font-family:'Nanum'; text-align:left; padding-left:10px; font-size:12px;}
.footBtn ul { display:none; position:absolute; bottom:39px; left:-1px; z-index:100; width:200px; background:#fff; border:1px solid #ccd1da; }
.footBtn ul li { border-bottom:1px dashed #dedede; }
.footBtn ul li:last-child { border:0; }
.footBtn ul li.subLine { border-bottom:3px double #dedede; }
.footBtn ul li a { display:block; overflow:hidden; padding:7px 5px 7px 10px; color:#404040; background:#fdfdfd; font-size:0.9em; }
.footBtn ul li a:hover, .footBtn ul li a:focus, .footBtn ul li a:active { color:#fff; background:#404040; }
.ft_link a {display:none;} /* 180206 KSY 추가 */




/********************************* 기능개선 추가 css ************************************/

/* 한줄소식 180912 */
.piece_news_ver2 {position:relative; width:940px;height:45px; line-height:45px; overflow:hidden; margin:0 auto; padding: 0 20px; border-radius:20px; z-index:10 !important;}
.piece_news_ver2 h2 {width:14%; float:left; line-height: 44px;font-size:15px; color:#000; letter-spacing:-1px; vertical-align: middle;}
.piece_news_ver2 h2 img {width:30px; height:30px; padding-right:10px;}
.piece_news_ver2 span.date {font-size:12px; display: inline-block;}
.piece_news_ver2 p {float: left;width: 70%;margin-left: 10px;font-size: 13px;line-height: 44px;}
.piece_news_ver2 p a { position:absolute; width:auto; display: block; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; font-family: 'NanumBold'; line-height: 44px; }
#piece_roll_span{position:absolute; width:81%; height:45px; display:block; overflow:hidden; top:0px; left:160px; }
.piece_news_ver2 a.btn_more img{ position: absolute; display: block;  width:25px; height:25px; top: 0; top:11px; right:20px; text-indent: -10000em; font-size: 0; overflow: hidden; }


/* 상단 스크롤 이동 180912 */
.scrollTop {position:fixed; right:50px; bottom:50px; width:50px; height:50px; background:url('/images/common/btn_top.png') no-repeat 0 0; background-size:50px 50px; z-index:100000 !important}
.scrollTop a {display: block; padding: 25px;}

/* 2018.09.12 차승현 추가 : 상단 레이어 팝업 */
/* 상단팝업 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.toppopup_wrap{position:relative;display:block;padding: 10px 0 4px;background: #003059;}
.toppopup_wrap .toppopup {position:relative; width:980px; margin:0 auto; overflow:hidden;}
.toppopup .bx-controls .bx-controls-direction a,
.toppopup .bx-controls .bx-controls-auto .bx-controls-auto-item a {position:absolute; text-indent:-99999px; width:16px; height:16px; z-index:10;}
.toppopup .bx-controls .bx-controls-direction .bx-prev {left: 0;top: 40px;width: 18px;height:29px;background:url('/images/common/layerPopup/btn_pop_prev.png') no-repeat;} /* < 버튼 */
.toppopup .bx-controls .bx-controls-direction .bx-next {top: 40px;right:0; width:29px; height:29px; background:url('/images/common/layerPopup/btn_pop_next.png') no-repeat;} /* > 버튼 */
.toppopup .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-start {left:50%; bottom:-18px; margin-left: -66px;  background:url('/images/common/layerPopup/btn_pop_play.png') no-repeat;}  /* 재생버튼 */
.toppopup .bx-controls .bx-controls-auto .bx-controls-auto-item a.bx-stop {left:50%;bottom:-18px;margin-left: -66px;background:url('/images/common/layerPopup/btn_pop_stop.png') no-repeat;} /* 스톱버튼 */
.toppopup .bx-controls .bx-controls-auto .bx-controls-auto-item .active{display:none !important;}

.toppopup .bx-controls .bx-pager {display:block;}
.toppopup .bx-controls .bx-pager {display:block;position:  absolute;left: 50%;bottom:-15px !important; margin-left: -40px;}

.toppopup_wrap .bx-wrapper {background:none !important; box-shadow:none; border:none !important;}
.toppopup_wrap .bx-wrapper .bx-controls-auto{position:inherit; width:100% !important;}
.toppopup_wrap .bx-wrapper .bx-pager.bx-default-pager a{background:#666;text-indent:-9999px; display:block; width:19px; border:1px solid #fff; height:10px; margin:0 5px; outline:0;-moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px}
.toppopup_wrap .bx-wrapper .bx-pager.bx-default-pager a.active,.bx-wrapper .bx-pager.bx-default-pager a:focus,.bx-wrapper .bx-pager.bx-default-pager a:hover {background:#fff}
.toppopup_wrap .bx-wrapper .bx-controls-auto .bx-controls-auto-item,.bx-wrapper .bx-pager-item{display:inline-block; vertical-align:bottom}
.toppopup_wrap .bx-wrapper .bx-pager-item{font-size:0;line-height:0}

/* 팝업_건수 */
.toppopup_wrap .toppopup {position:relative;width: 980px; height:151px; margin:0 auto; overflow:hidden;}
.toppopup_wrap .toppopup .tit {position:relative; width:120px; height:100px; float:left; margin-right: 20px;}
.toppopup_wrap .toppopup .tit h2 {height:50px; font-size:18px; color:#fff; text-align:left;}
.toppopup_wrap .toppopup .tit h2 span {display:inline-block; font-size: 25px; color: #f9b635; margin-top:10px;}
.toppopup_wrap .toppopup .tit a.btn01 {position:absolute; left:0; bottom:0; width:80px; height:22px; text-indent:-10000em; background:url('/images/common/layerPopup/link_v.png') no-repeat;}

/* 팝업 */
.toppopup_wrap .toppopup .pop_list_box { position:relative; width: 780px;height: 127px; float:left; padding:0 30px;}
.toppopup_wrap .toppopup .pop_list_box li {float:left;}
.toppopup_wrap .toppopup .pop_list_box li ul {margin:-10px 0 0 20px; overflow:hidden;}
.toppopup_wrap .toppopup .pop_list_box li ul li:first-child {border:none !important;}
.toppopup_wrap .toppopup .pop_list_box li ul li {float:left;width: 48%; height:125px; border-left: 1px dashed #6e849d !important; padding: 7px 15px; box-sizing:border-box; overflow-y:auto;}
.toppopup_wrap .toppopup .pop_list_box li ul li p.txt {color:#fff; font-size: 19px; font-family:'NanumBold'; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; cursor:pointer; font-weight:bold; line-height: 1.4;margin-bottom: 7px;}
.toppopup_wrap .toppopup .pop_list_box li ul li span.date {color:#fff; font-size: 14px; display:inline-block; font-family:'Nanum';}
.toppopup_wrap .toppopup .pop_list_box li ul li a {display:block; width:100px; text-align:center; margin:0 auto; background: #4ba9ff; font-size:13px; color:#fff; margin-top:9px; font-family:'Nanum';}

/* 팝업열고닫기 버튼 */
.toputil{position:relative;width:100%;height: 24px;z-index:10;background-color:#0059ab;border-top:1px solid #194c7b;border-bottom:1px solid #194c7b;overflow:  hidden;}
.toputil .top_mn {position:relative;width: 1020px;margin:0 auto;}
.toputil .top_mn .popup {position:absolute;right:0;top:0;/* width: 100px; */height: 24px;line-height: 27px;overflow:hidden;background: #0097f6;}
.toputil .top_mn .popup a {display: inline-block;font-size:12px;color:#fff;width: 100px;background: #0097f6;padding: 0 10px;font-weight:  bold;}
.toputil .top_mn .popup a span.ico {position:absolute;right: 10px;top:7px;width:14px;height:14px;}
.toputil .top_mn .popup a.popup_open span.ico { background:url('/images/common/layerPopup/bg_top_pop_op.png') no-repeat right center #4d607e;}
.toputil .top_mn .popup a.popup_close span.ico {background: url('/images/common/layerPopup/bg_top_pop_clo.png') no-repeat #4d607e;}

/* 탭메뉴 */
.tabTy01 {position:relative; overflow:hidden; margin:0 0 30px -5px;}
.tabTy01 li {float:left; width:25%; font-family:Malgun Gothic, '맑은고딕', sans-serif; font-size:15px; text-align:center;}
.tabTy01 li a { margin-left:5px; margin-bottom:5px; display:block; background:#fff; border:1px solid #ccc;}
.tabTy01 li a span {display:block; padding:10px 24px 7px; color:#555; line-height:1; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.tabTy01 li a span:after {content:''; display:inline-block; vertical-align:middle; width:23px; height:23px; background:url('/images/common/arr_tab01.png') no-repeat 0 0; transition:all .3s ease}
.tabTy01 li.on a, .tabTy01 li:hover a, .tabTy01 li a:hover {background:#004993; border-color:#004993;}
.tabTy01 li.on a span, .tabTy01 li:hover a span, .tabTy01 li a:hover span {color:#fff;}
.tabTy01 li.on a span:after, .tabTy01 li:hover a span:after, .tabTy01 li a:hover span:after {margin-left:26px}
.tabTy01 li.blank a span:after {content:''; display:inline-block; vertical-align:middle; width:23px; height:23px; background:url('/images/common/ico_blank_off.png') no-repeat 0 4px; margin-left:26px}
.tabTy01 li.blank.on a span:after, .tabTy01 li.blank:hover a span:after, .tabTy01 li.blank a:hover span:after{background:url('/images/common/ico_blank_on.png') no-repeat 0 4px; margin-left:42px}
.tabTy01.li30p li {width:33%; list-style-type:none;}
.tabTy01.li30p li:first-child, .tabTy01.li30p li:nth-child(4n) {width:34%}
.tabTy01.li50p li {width:50%}


.tabTy02 {position:relative; margin-bottom:25px;}
.tabTy02:after {content:''; display:block; clear:both;}
.tabTy02 ul li {position:relative; float:left; margin:0 25px;}
.tabTy02 ul li:first-child {margin-left:0;}
.tabTy02 ul li:last-child {margin-right:0;}
.tabTy02 ul li:before {position:absolute; top:50%; right:-25px; margin-top:-8px; content:''; display:block; width:1px; height:15px; background:#ddd;}
.tabTy02 ul li:last-child:before {display:none;}
.tabTy02 ul li a {display:block; line-height:1}
.tabTy02 ul li a span {position:relative; font-family:Malgun Gothic, '맑은고딕', sans-serif; font-size:15px; display:block; color:#333; font-weight:bold; padding:15px 0;}
.tabTy02 ul li a span:after {position:absolute;bottom:0;left:50%; content:''; display:block; width:0; height:1px; background:#ccc; transition:all .3s ease;}
.tabTy02 ul li a:hover span:after{width:100%; left:0;}
.tabTy02 ul li.on a span {position:relative; padding-right:25px; color:#004993;}
.tabTy02 ul li.on a span:before {content:''; position:absolute; right:0; top:50%; margin-top:-4.5px; width:5px; height:9px; background:url('/images/common/arr_ctab02.png') no-repeat 0 0;}
.tabTy02 ul li.on a span:after {width:100%; left:0; height:2px; background-color:#004993}

/* 181002 추가 */ /*즐겨찾기*/
.top_menu_l {position:absolute;left:0;top:3px; width:300px; z-index:100000 !important;}
.top_menu_l .btn_Bookmark {display:block; width: 95px; font-family:'NanumBold';text-align: left;background:url('/images/common/fav_icon.png') no-repeat left center; vertical-align:middle;float:left;padding-left: 30px; margin-right:5px;} /* 즐겨찾기 */
.top_menu_l .btn_menul_txt {display:block; color:#FFFFFF; width: 80px;  font-family:'NanumBold';text-align: left; background:url('/images/template/02287/common/top_mn_line.gif') no-repeat left center; vertical-align:middle;float:left; margin-right:5px; padding-left:15px;}
.top_menu_l .btn_Bookmark a {display:block; color:#FFFFFF;}  
.top_menu_l .menuL_txt_box li {float:left;margin: 0 1px;font-family:'NanumBold';font-size: 13px;} /* 화면확대축소 */
.top_menu_l .menuL_txt_box li a {color:#8c8c8c;}
.top_menu_l .menuL_txt_box li:first-child{}
.top_menu_l li a.minus{ display:inline-block; width:20px; height:20px; text-indent:-9999px;  background:url('/images/common/textSize_m.gif') no-repeat; vertical-align:middle; }
.top_menu_l li a.stop{ display:inline-block; width:20px; height:20px; text-indent:-9999px;  background:url('/images/common/textSize_s.gif') no-repeat; vertical-align:middle; } 
.top_menu_l li a.plus{display:inline-block; width:20px; height:20px; text-indent:-9999px; background:url('/images/common/textSize_p.gif') no-repeat; vertical-align:middle;} 

/* 2018.11.14 추가 footer 방문자 */
/* 방문자수 */
.visitant {position:absolute;bottom:0;right:0;width: 100px;height: 30px;padding: 10px;font-family:'Dotum', '돋움';background:#1e4e97;border-radius:10px;border: 1px solid #fff;}
.visitant h2 {text-indent:-10000em; font-size:0;}
.visitant ul {overflow:hidden;}
.visitant ul li {width: 100;*/line-height:26px;text-align:left;color:#fff;font-size:12px;}
.visitant ul li strong {margin-right:10px; }
.visitant ul li.today strong {padding:5px 0; color:#ffd58e;}
.visitant ul li.total strong {padding:5px 0; color:#ffa7a7;}



/* widget */
#gyo6SchoolWidget{position:relative; top:90px; z-index:9999; right:5%;}

/* 구글 웹사이트 번역 */
/* 	iframe.goog-te-banner-frame { display: none !important; } 상단 플로팅 바 옵션 가리기 */
#google_translate_element{position:absolute; left:50%; margin-left:620px; top:0; border: 1px solid gray;}
.goog-te-gadget-simple{width:118px;}

/* 수능디데이 */ /* 181105 추가 */
#schoolTestDayDiv {position:absolute; left:50%; margin-left:620px; width:100px; background: #fff; padding:10px; text-align:center; overflow: hidden; padding: 10px; border: 1px solid gray;}
#schoolTestDayDiv h2 {font-family:"NanumBold"; font-size:18px; color:#001f6c; margin-bottom:10px; background:#fff;}
#schoolTestDayDiv p {font-family:"NanumBold"; font-size: 15px; color:#fff; margin-bottom:10px; background:#052880; border-radius:54px; height:20px ;line-height: 20px;}
#schoolTestDayDiv span {color: #ffe705;}

/* 전담경찰관 */
#sch_police {position:absolute; left:50%; margin-left:620px; width: 118px;height: 175px; background:#fff;text-align:center;border: 1px solid #ccc; border-top: 2px solid #d20617; border: 1px solid gray;}
#sch_police a {display:block;height: 150px;}
#sch_police h2 {padding: 15px 20px 10px;font-size: 14px;color: #0058cf;font-family:"NanumBold";}
#sch_police p.name {padding:0 20px 15px;font-size: 15px;color: #000000;font-family:"NanumBold";}
#sch_police p.img {position:absolute;bottom:5px;left: 50%;margin-left: -50px;}
#sch_police p.img img {width: 100px;height: 80px;}

/* QR코드 */
#QRcode_w {position:absolute; left:50%; margin-left:620px; right:9px; top:0; width:118px; height:160px; border: 1px solid gray;}
#QRcode_w img {width: 100% ;height: 120px;}
#QRcode_w h2 {font-size: 14px; color: #0058cf; padding:10px 10px 5px; text-align:center; font-family: "NanumBold"; background-color:#ffffff;}

/********************************* //기능개선 추가 css ************************************/

/********** media query mobile *************/
@media screen and (max-width: 800px){
	
	#wrap{min-width:320px; overflow:visible; height:100%}
	.area_header{ display:none}	
	#wrap, 
	.area_footer,
	.box_footer { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	#web {display:none;}
	#tablet, .tabletlogo {display:block;}
	
	.box_mot_1{background:#fff; overflow:hidden; width:100%}
	.box_mot_1.on{position:fixed; top:0}
	.box_mot_1.on2{ position:relative; top:92px}
	
	/* footer */
	.area_footer { padding:13px 2% 25px; background-image:none; border-top:1px solid #ddd;} 	
	.box_footer {width:100%;}	
	.ft_link a {height:40px; display:block; margin-bottom:5px; line-height:40px; text-align:center; color:#fff799; font-weight:bold; background:#525f68; border-radius:3px;} /* 180206 KSY 추가 */
	.footer_link { position:absolute; top:0; left:0; width:100%; margin:0;}
    .footer_link button { display:block; font-family:'Nanum'; width:100%; height:40px; text-align:center; overflow:hidden; background:#37363c url('/images/template/02287/common/bgLnbDepthOn.gif') 95% center no-repeat; color:#ffa811; border-radius:3px;}
    .footer_link ul { display:none; position:absolute; bottom:40px; width:100%; left:0; box-sizing:border-box; opacity:0.9; border-radius:3px 3px 0 0; }
    .footer_link ul li { float:none; padding:0; margin:0; border-bottom:1px solid #000; }
	.footer_link li:first-child a,
    .footer_link ul li a { display:block; padding:12px 7px 10px; font-family:'돋움',Dotum; background:#333; color:#fff; background-image:none;}
	.footer_link li.point a {color:#fff;}/* 180206 KSY 수정 */
    .footer_link ul li a:hover,
    .footer_link ul li a:focus,
    .footer_link ul li a:active { background:#000; color:#ffa811;}	
	.box_footer .box_info{padding:90px 0 0;} /* 180206 KSY 수정 */
	.footBtn {position:relative; margin:8px 0 0;}	
	.box_footer .visit{ position:relative; top:auto; border-top:1px dashed #ddd; margin:10px 0 0; padding:10px 0 0}

	/********** 기능개선 추가 css ************/

	#topLayer{display:none;}
	.toputil{display:none;}
	.visitant{display:none;}
	
	/* 한줄소식180912*/
	.piece_news_ver2 {width:95%; box-sizing:border-box;}
	.piece_news_ver2 h2 {width:auto; margin-right:10px;}
	.piece_news_ver2 span.date { }
	#piece_roll_span{left:85px; width:85%;}
	.piece_news_ver2 p {margin-left:2%; width:60%; }	
	.piece_news_ver2 h2 span{display:none;}
	
	/* 상단 스크롤 이동 */
	.scrollTop{right:30px; bottom:70px;}

	/* QR코드 */
	.QRcode_w {display:none;}

	/* 구글번역 */
	#google_translate_element{display:none;}
	#schoolTestDayDiv{display:none;}
	#sch_police{display:none;}

	/********** // 기능개선 추가 css ************/
}

@media (max-width: 580px){

	/********** 기능개선 추가 css ************/
	/* 한줄소식180912 */
	.piece_news_ver2 span.date {display:none;}
	.piece_news_ver2 p {margin-left:2%; width:50%; }
	#piece_roll_span{width:80%;}	
	
	/********** //기능개선 추가 css ************/
}

@media (max-width:560px) {
	
	/* mobile 검색영역 */
	#mSearch .con p {padding:21px 150px 0 0}
	#mSearch .con .btnSearch {right:50px; min-width:70px; font-size:14px}
	
	/* footer */
	.area_footer {padding:13px 3% 30px;}		
	.box_footer .box_info address br{ display:none; }
	
}

@media screen and (max-width: 480px){
	

	/********** 기능개선 추가 css ************/
	/* 한줄소식180912*/
	#piece_roll_span{width:75%;}

	/********** //기능개선 추가 css ************/
}