@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css); @font-face {font-family:'나눔고딕',NanumGothic,'NanumGothic'; src:url(/css/font/NanumGothic.eot); src:local('.'),url(/css/font/NanumGothic.woff) format('woff') } @font-face {font-family:'나눔고딕',NanumGothic,'NanumGothic'; src:url(/css/font/NanumGothic.eot); src:local('.'),url(/css/font/NanumGothic.woff) format('woff') } @font-face {font-family:'NanumGothicBold'; src:url(/css/font/NanumGothicBold.eot); src:local('.'),url(/css/font/NanumGothicBold.woff) format('woff')} @font-face {font-family:'NanumBarunGothic'; src:url(/css/font/NanumGothicBold.eot); src:local('.'),url(/css/font/NanumGothicBold.woff) format('woff')} * { margin:0; padding:0; } body, div, span, p, a, img, ul, ol, li, table, th, tr, td, form, fieldset, legend, dl, dt, dd, blockquote, applet, object { border-style: none; border-color: inherit; border-width: 0; text-align: left; } ul, ol {list-style-type:none} body {background: url('../img/bg.jpg') repeat-x 50% 0;padding: 630px 0 0; font: normal 12px Arial,sans-serif; color: #1c2022;} body.subpage {background: url('../img/sub_top_bg.jpg') no-repeat 50% 0;padding: 100px 0 0; } p {line-height: 1.9em;padding: 0 0 25px 0;} /* LINKS ---------------------------------------------------------------------------------------------------------- */ a {color: #249138;text-decoration: none;} a:link {color: #249138;} a:focus {color: #249138; outline: 0} a:visited {color: #249138} a:hover {color: #000;text-decoration: none;} a.more {padding-right: 12px; background: url('../img/arrow.gif') no-repeat 100% 55%;} a.button {background: url('../img/button-start.jpg') no-repeat;display: inline-block;text-decoration: none;color: #fff;font-weight: bold;} a.button span {display: inline-block;height: 32px;line-height: 32px;padding: 0 20px;color: #fff;font-weight: bold;background: url('../img/button-end.jpg') no-repeat 100% 0} /* H1 - H5 -------------------------------------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { margin:15px 0 15px 0; } h1 { font-size: 1.8em;font-weight: normal;margin: 0 0 10px; color: #249138;} .homepage h1 {color: #fff;font-size: 2.4em;} h2 { font-size: 1.6em; margin: 0 0 20px; color: #249138;font-weight: normal;} h3 { font-size:1.2em;text-transform: uppercase;margin: 10px 0 15px;color: #249138;padding: 0 0 5px;} h4 { font-size:1.0em;margin: 5px 0 10px;color: #249138 } /* LAYOUT --------------------------------------------------------------------------------------------------------- */ .wrap {width: 1507px; margin: 0 auto;position: relative } /* HEADER ----------------------------------------------------------------------------------------------------- */ #header {height: 99px;width: 100%;position: absolute;top: 0;left: 8px } /* logo */ a#logo {font-size: 2.5em;color: #fff;font-style: italic;padding: 0 22px;position: relative;top: 45px;text-decoration: none} a#logo span {color: #107623} #header .logo_sub{width:252px;float:left;margin:34px 0px 0 0;} #header .logo_sub2{width:477px;float:left;margin:106px 0px 0 96px; color:#005bac; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:800; font-size:35px;} #header .logo_sub2 p {margin-top: 20px; color:#333333; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:normal; font-size:17px; } #header .logo_sub2{width:477px;float:left;margin:106px 0px 0 96px;} #header .logo_sub2 p {margin-top: 20px; color:#333333; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:normal; font-size:17px; } #header .logo_sub3{width:477px;float:left;margin:186px 0px 0 116px;} #header .logo_sub3 p {margin-top: 20px; color:#fff; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:normal; font-size:14px; } #header .logo_sub3 p span {color:#a2ddef; } #header .wedGlobal2 { float:right; margin-top:-50px; margin-right:10px; } #header .wedGlobal2 ul li { float:left; width:90px; position:relative; } #header .wedGlobal2 ul li a { display:inline-block; background:url('../img/t-icon.jpg') no-repeat; width:90px; height:26px; text-indent:-9999px; } #header .wedGlobal2 ul li a.wedAdmin { background-position:0 0; } #header .wedGlobal2 ul li a.wedLogout { background-position:-90px 0; } /* navigation */ #wrapper { position:relative; width:1507px; /* min-height:800px; */ margin:170px auto 30px; z-index:1; *zoom:1; } #wrapper:after { content:" "; display:block; clear:both; } #leftArea { position:relative; float:left; width:250px !important; margin-right:35px;} #mainContents { position:relative; float:left; width:1090px;} #rightArea { position:absolute; width:107px; left:1415px; top: 1px; overflow:hidden; font-size:14px;} /* 왼쪽메뉴 */ #leftMenu{position:relative;} #leftMenu h1{display:block;height:94px;line-height:87px;text-align:center;font-size:28px;font-weight:bold;letter-spacing:-2px;border:1px solid #dcdcdc;border-bottom:none;} #leftMenu h1 a{display:block;width:100%;height:100%;overflow:hidden;color:#323949 !important;} #leftMenu h1.ft26{font-size:26px;} #leftMenu #nav{position:relative;z-index:1;padding-bottom:20px;} #leftMenu #nav ul:after{content:' ';display:block;clear:both;} #leftMenu #nav ul li{width:100%;height:auto;text-indent:25px;clear:both;vertical-align:top;} #leftMenu #nav ul li a{display:block;width:100%;height:55px;line-height:49px;font-family:'Malgun Gothic';font-weight:bold;font-size:17px;color:#323232;letter-spacing:-1px;word-spacing:-1px;text-decoration:none;border:1px solid #dcdcdc;background:url("../img/bg_lnb_off.png") no-repeat 217px 24px;position:relative;margin-top:-1px;z-index:1;} #leftMenu #nav ul li a:hover, #leftMenu #nav ul li a.on{text-decoration:none;color:#fff;border:1px solid #245aa6;background:#2864b9 url("../img/bg_lnb_on.png") no-repeat 217px 24px;z-index:2;} #leftMenu #nav ul li a.on + ul{border-top:none;} #leftMenu #nav ul.recommend{padding:15px 0 15px 10px;border:1px solid #dcdcdc;border-bottom:none;margin:0;} #leftMenu #nav ul.recommend li{display:block;height:auto;margin:0 0 5px 0;padding:0;background:none;} #leftMenu #nav ul.recommend li a{display:block;clear:both;height:20px;color:#666;text-indent:0; padding:0 0 0 28px; font-size:13px;line-height:25px;letter-spacing:-1px;font-weight:bold;background:url(/_images/_common/bg_recommend.gif) 0 5px no-repeat;border:none;} #leftMenu #nav ul.recommend a.on, #leftMenu #nav ul.recommend a:hover{color:#cc3344;border:none;} #leftMenu #nav ul.recommend span{display:block;width:0;height:0;font:0/0 arial;overflow:hidden;} #leftMenu #nav ul li ul{float:left;width:100%;height:auto;display:none;padding:20px 0;border:1px solid #dcdcdc;border-top:none;margin-bottom:-1px; background:#f2f2f2;} #leftMenu #nav ul li ul li{height:27px;margin:0;padding-left:10px;background:#f2f2f2;} #leftMenu #nav ul li ul li a{display:block;height:27px;font-size:15px;font-family:'Malgun Gothic';color:#666666;font-weight:normal;text-decoration:none;border:none;letter-spacing:-1px;line-height:1.5;background:none;margin:0;} #leftMenu #nav ul li ul li.on a, #leftMenu #nav ul li ul li a:hover{text-decoration:none;color:#2763ba;font-weight:bold;border:none;background:none;} /* 20150813 -2px 수정 */ #leftMenu #nav ul li ul li a img{position:relative;top:-1px;} #leftMenu #nav ul li.on{height:auto;} #leftMenu #nav ul li.on a{color:#fff;} #leftMenu #nav ul li.on ul{background:none;} #leftMenu #nav ul li ul.book{margin:0px;padding:7px;background:url('/_images/left_line1.gif') center top no-repeat; overflow:hidden;} #leftMenu #nav ul li ul.book li{width:63px;float:left;font-size:11px !important;background:url("/_images/_icon/blt_se2g.gif") left 6px no-repeat;} #leftMenu #nav ul li ul.book li a{height:18px;line-height:20px;display:block;font-weight:normal;letter-spacing:-2px;} #leftMenu #nav ul li ul.book li.on ul{background:none;} #leftMenu #nav ul li ul.book li.on{background:url('/_images/_icon/blt_se2p.gif') left 6px no-repeat;} #leftMenu #nav ul li ul.book li.on a{color:#d35465 !important; font-weight:bold;letter-spacing:-3px;} #leftMenu #nav ul li ul.column2 li{clear:none;float:left;width:47%;display:inline-block;} #leftMenu #nav ul li ul.column2 li.subTit{clear:both;width:100%;height:auto;color:#444;font-size:16px;font-weight:bold;margin:15px 0 12px 0;letter-spacing:-1px;} #leftMenu #nav ul li ul.column2 li.subTit.first{margin:0 0 12px 0;} #leftMenu #nav ul li ul.column2 li.on a, #leftMenu #nav ul li ul.column2 li a:hover{background-position:58px 4px;} #leftMenu #nav ul.etc li{background:url('/_images/leftmenu_etc.gif') center top no-repeat;} #leftMenu #nav ul.etc li a{color:#666666 !important;} #leftMenu #nav ul.etc li.on{background:url('/_images/leftmenu_etc_on.gif') center top no-repeat;} #leftMenu #nav ul.etc li.on a{color:#fff !important;} #leftMenu #nav ul li.txtLetter > a{letter-spacing:-3px;} #nav .groupTitle{position:relative;clear:both;display:block;font-weight:bold;font-size:18px;color:#1a2c5e;font-family:'malgun gothic';letter-spacing:-1px;line-height:1.5;padding:0 0 0 12px;margin:20px 0 13px 19px;} #nav .groupTitle:after{position:absolute; top:0; left:0;display:block;content:"ㆍ";} #leftMenu #nav ul li.dotline{position:relative;margin-top:25px;position:relative;} #leftMenu #nav ul li.dotline:after{position:absolute; top:-13px; left:25px;display:block;width:150px;content:"";border-top:1px dashed #e5e5e5;} #nav #etcNavi{float:left;display:block;width:100%;margin-top:30px;} #nav #etcNavi h2{width:100%;height:40px;text-indent:25px;color:#323232;border:1px solid #dcdcdc;} #nav #etcNavi h2 a{font-family:'Malgun Gothic';font-size:16px;line-height:40px;color:#323232;font-weight:bold;letter-spacing:-1px;text-decoration:none;padding-right:15px;background:url("/_images/_common/bul_lnb.png") no-repeat 100% 7px;} #nav #etcNavi .naviCnt{border:1px solid #dcdcdc;border-width:0 1px 1px 1px;padding:20px 0 12px 0;} #nav #etcNavi .naviCnt.othSt{background:url(/_images/_teacher/bg_etcNavi.gif) no-repeat;} #nav #etcNavi .naviCnt ul{overflow:hidden;} #nav #etcNavi .naviCnt ul li{height:27px; display:block; margin:0;text-indent:25px;background:none;padding:0;} #nav #etcNavi .naviCnt ul li a{height:100%;font-size:15px;font-family:'Malgun Gothic';color:#666;font-weight:normal;line-height:100%;letter-spacing:-1px;border:none; background:none;} #nav #etcNavi .naviCnt ul li a:hover{height:100%;color:#2763ba;font-weight:bold;background:none;} #nav #etcKnowledge div.knowLnbBanner li a{color:#323232; font-size:15px; font-weight:bold; height:48px; line-height:45px; background:#f7f7f7 url(/_images/_common/bg_lnb_right_off.png) no-repeat 177px center; text-indent:25px;} #nav #etcKnowledge div.knowLnbBanner li a:hover{color:#323232; border:1px solid #dcdcdc; background:#f7f7f7 url(/_images/_common/bg_lnb_right_off.png) no-repeat 177px center;} #leftMenu #nav .etcBanner{margin:30px 0 0;} #leftMenu #nav .etcBanner li a{color:#323232; font-size:15px; font-weight:bold; height:48px; line-height:45px; background:#f7f7f7 url(/_images/_common/bg_lnb_right_off.png) no-repeat 177px center; text-indent:25px;} #leftMenu #nav .etcBanner li a:hover{color:#323232; border:1px solid #dcdcdc; background:#f7f7f7 url(/_images/_common/bg_lnb_right_off.png) no-repeat 177px center;} /* 퀵메뉴 */ div#rightArea ul.menuType1 li { height:20px; padding-top:9px; background:#fff; border-top:1px solid #e9e9e9; text-align:center; } div#rightArea ul.menuType1 li.first { border-top:0; } div#rightArea ul.menuType2 { margin-top:10px; } div#rightArea ul.menuType2 li { margin-bottom:9px; } /* 본문박스 */ div.tab01{-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;} div.tab01 *{-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;} div.tab01{height:42px;margin:0 1px 15px 1px; border-bottom:1px solid #a6a6a6; } div.tab01 ul:after{display:block;content:"";clear:both;} div.tab01 ul li{float:left;width:auto !important; } div.tab01 ul li a{position:relative;background:#fff;height:40px;line-height:37px;margin-right:-1px; padding:0 51px 0 50px;font-size:16px;color:#010101; text-align:center; display:block; border:1px solid #d9d9d9;border-bottom:0;letter-spacing:-1px;} div.tab01.full ul li a{height:39px;} div.tab01 ul li.on a, div.tab01 ul li a:hover{padding:0 50px 0 49px;z-index:1;height:42px;line-height:38px;border:1px solid #a6a6a6;border-bottom:none;font-weight:bold; background:#3284cd; color:#fff;} div.tabPadd11 ul li a, div.tabPadd11 ul li.on a, div.tabPadd11 ul li a:hover{padding:0 28px 0 27px !important;} div.tab01.type02{height:50px;border-bottom:1px solid #d9d9d9;} div.tab01.type02 ul li a{height:49px;line-height:47px;} div.tab01.type02.full ul li a{height:48px;} div.tab01.type02 ul li.on a, div.tab01.type02 ul li a:hover{height:50px;line-height:47px;} div.tab01.big{height:51px !important;} div.tab01.big li.on a, div.tab01.big li:hover a{height:50px !important;} div.tab01.big ul li a{height:48px !important; font-size:18px !important; line-height:2.5 !important;} div.tab01a{-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;} div.tab01a *{-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;} div.tab01a {height:59px; margin:0 0 10px 1px; border-bottom:2px solid #4E4E4E;} div.tab01a dl {height:100%; } div.tab01a dl dt { float:left; position:static; left:0; margin-right:0; background:none; z-index:1;} div.tab01a dl dt a {position:relative; padding:10px 15px 6px 14px; margin:0 -1px 0 0; color: #010101; background:none; text-align:center; display:block; border: 1px solid #d9d9d9;font-size:14px;line-height:20px;border-bottom:none;font-weight:normal;height:57px;} div.tab01a dl dt.on { background-image:none; } div.tab01a dl dt.on a { padding-bottom:6px; padding:10px 14px 6px 13px;color:#222; background-image:none;border:2px solid #333;border-bottom:none; z-index:1;height:59px;background:#fff;font-weight:bold;} div.tab01a dl dd { float:left; position:static; left:0; margin-right:0; background:none; z-index:1;} div.tab01a dl dd a {position:relative; padding:23px 15px 12px 14px; margin:0 -1px 0 0; color: #010101; background:none; text-align:center; display:block; border: 1px solid #d9d9d9;font-size:14px;border-bottom:none;font-weight:normal;height:57px;} div.tab01a dl dd.on { background-image:none; } div.tab01a dl dd.on a { padding-bottom:13px; padding:23px 14px 12px 13px;color:#222; background-image:none;border:2px solid #333;border-bottom:none; z-index:1;height:59px;background:#fff;font-weight:bold;} div.tab01a.full dl{width:100%;display:table;table-layout:fixed;} div.tab01a.full dl:after{content:none !important} div.tab01a.full dl dt{display:table-cell; float:none;} div.tab01a.full dl dt a{height:56px;} div.tab01a.full dl dt.on a, div.tab01a.full dl dt:hover a, div.tab01a.full dl dt a{padding:9px 0 0 0;} div.tab01a.full dl dt.on a, div.tab01a.full dl dt:hover a{height:59px;} /* 타이틀 */ .tit_type03{ font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-size:22px; font-weight:600;color:#000;letter-spacing:-1px; padding:10px 0 0px 55px;} .tit_type03 span{color:#2763ba;} .btm_line{position:relative; border-bottom:1px solid #a6a6a6; background:url(../img/title_img1.jpg) no-repeat; padding: 0 0 0px 0; } .tit_type04{ font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-size:22px; font-weight:600;color:#000;letter-spacing:-1px; padding:0px 0 0px 55px;} .tit_type04 span{color:#2763ba; font-size:15px; padding-left: 15px;} .btm_line2{position:relative; border-bottom:1px solid #a6a6a6; background:url(../img/title_img2.jpg) no-repeat; padding: 0 0 0px 0; } .tit_type05{ width: 100%; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-size:22px; font-weight:600;color:#000;letter-spacing:-1px; padding:0px 0 0px 5px;} .tit_type05 span{color:#2763ba; font-size:15px; padding-left: 15px;} .btm_line3{position:relative; border-bottom:1px solid #a6a6a6; padding: 0 0 0px 0; } .tit_type06{ font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-size:22px; font-weight:600;color:#000;letter-spacing:-1px; padding:10px 0 0px 55px;} .tit_type06 span{color:#2763ba;} .btm_line4{position:relative; border-bottom:1px solid #a6a6a6; background:url(../img/title_img3.jpg) no-repeat; padding: 0 0 0px 0; } /* 테이블 */ th{text-align:center;} table.tbl01 {width:100%;} table.tbl01 *{-webkit-box-sizing:border-box !important;-moz-box-sizing:border-box !important;box-sizing:border-box !important;} table.tbl01 tr:first-child{border-top:2px solid #666;} table.tbl01 thead + input + tbody tr:first-child, table.tbl01 thead + tbody tr:first-child, table.tbl01 tbody + tbody tr:first-child{border-top:none;} table.tbl01 thead th { padding:7px 7px 8px; border-top:2px solid #666; border-right:1px solid #666; border-bottom:1px solid #666; letter-spacing:-1px; text-align:center; font-size:12px;color:#222;background:#f3f3f3;} table.tbl01 tbody th { padding:7px 7px 8px; border:solid #e1e1e1; border-width:0 1px 1px 0; background:#f6f6f6; letter-spacing:-1px;font-size:12px;color:#222;text-align:center;} table.tbl01 tbody td { padding:7px 7px 8px; border-bottom:1px solid #e1e1e1; /*background:#fff;*/; text-align:center;font-size:12px;} table.tbl01 tbody td.reply { background:#fff url('/_images/_icon/reply1.gif') 60% 10px no-repeat; } table.tbl01 tbody td.replySubj { padding-left:50px !important; background:#fff url('/_images/__renew/common/txt_reply.png') 15px 53% no-repeat; text-align:left; } table.tbl01 tbody td.bdRight { border-right:1px solid #e1e1e1; } table.tbl01 .txtRe{font-weight:bold;color:#2763bb;margin-right:3px;} /* table.tbl01 tbody td table th, table.tbl01 tbody td table td { padding:0; } */ table.tbl01.ft15 thead th, table.tbl01.ft15 tbody th, table.tbl01.ft15 tbody td{ padding:12px 10px 15px !important; font-size:14px;} table.tbl01.ft15 thead th{padding:12px 0 15px;} table.tbl01.ft15 input[type=text], table.tbl02.ft15 input[type=text], table.tbl01.ft15 select, table.tbl02.ft15 select[type=text]{height:30px;font-size:14px;} table.tbl01.ft15 input[type=radio], table.tbl01.ft15 input[type=checkbox]{width:20px;height:20px;} table.tbl02.ft15 input[type=radio], table.tbl02.ft15 input[type=checkbox]{width:20px;height:20px;} table.tbl01.ft15 textarea, table.tbl02.ft15 textarea{font-size:14px;padding:2px 10px;} table.tbl01.ft15 tbody td.cont p{font-size:14px;} table.tbl01.t01view { table-layout:fixed; } /* ?쎄린 ?뚯씠釉?*/ table.tbl01.t01view tbody th { padding-left:25px; text-align:left; } table.tbl01.t01view tbody td { padding-left:12px; text-align:left; } table.tbl01.typeWrite tbody th{padding:12px 0 12px;text-align:center;background:#fff;border-right:0;font-size:14px;} table.tbl01.typeWrite tbody td{padding:12px 30px 12px 10px;font-size:14px;} table.tbl01.typeWrite input[type=text], table.tbl01.typeWrite select{height:30px;font-size:14px;padding-left:20px;} table.tbl01.typeWrite input[type=radio], table.tbl01.typeWrite input[type=checkbox]{width:20px;height:20px;margin-top:0;} table.tbl01.typeWrite .txtInfor{font-size:14px;color:#2763b9;font-weight:bold;letter-spacing:-1px;} table.tbl01.typeWrite .txtInfor2{margin-top:10px;} table.tbl01.typeWrite .txtInfor2 p{font-size:14px;color:#1d2030;letter-spacing:-1px;} table.tbl01.typeWrite .txtInfor2 .btn22{margin:-5px 0 0 20px;} #intro {margin-top: 300px; color: #fff;width: 100%;margin-bottom:0px} #intro .floatRight {width: 764px} #intro .floatLeft {float: left; width: 397px; height: 127px;} #intro .photo {background: url('../img/img_1.png') no-repeat;width: 453px;height: 167px;float: left} #intro .photo img {position: absolute;top: 11px;left:11px} #intro p {margin-top: 60px; color:#333333; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:normal; font-size:15px; } /* 공통 */ .m0 { margin:0 !important; } .mt0 { margin-top:0 !important; } /* margin-top */ .mt2 { margin-top:2px !important; } .mt5 { margin-top:5px !important; } .mt10 { margin-top:10px !important; } .mt15 { margin-top:15px !important; } .mt20 { margin-top:20px !important; } .mt25 { margin-top:25px !important; } .mt30 { margin-top:30px !important; } .mt35 { margin-top:35px !important; } .mt40 { margin-top:40px !important; } .mt45 { margin-top:45px !important; } .mt50 { margin-top:50px !important; } .mt60 { margin-top:60px !important; } .mt65 { margin-top:65px !important; } .mb0 { margin-bottom:0px !important; } /* margin-bottom */ .mb3 { margin-bottom:3px !important; } .mb4 { margin-bottom:4px !important; } .mb5 { margin-bottom:5px !important; } .mb10 { margin-bottom:10px !important; } .mb15 { margin-bottom:15px !important; } .mb20 { margin-bottom:20px !important; } .mb25 { margin-bottom:25px !important; } .mb30 { margin-bottom:30px !important; } .mb40 { margin-bottom:40px !important; } .mb50 { margin-bottom:50px !important; } .ml5 { margin-left:5px !important; } /* margin-left */ .ml10 { margin-left:10px !important; } .ml15 { margin-left:15px !important; } .ml20 { margin-left:20px !important; } .ml25 { margin-left:25px !important; } .ml30 { margin-left:30px !important; } .mr5 { margin-right:5px !important; } /* margin-right */ .mr10 { margin-right:10px !important; } .mr15 { margin-right:15px !important; } .mr20 { margin-right:20px !important; } .mr25 { margin-right:25px !important; } .mtb2 { margin-top:2px !important; margin-bottom:2px !important; } /* margin-top margin-bottom */ .mtb5 { margin-top:5px !important; margin-bottom:5px !important; } .mtb15 { margin-top:15px !important; margin-bottom:15px !important; } .p0 { padding:0 !important; } /* padding */ .pt0 { padding-top:0 !important; } .pt5 { padding-top:5px !important; } .pt10 { padding-top:10px !important; } .pb0 { padding-bottom:0 !important; } .ptb2 { padding-top:2px !important; padding-bottom:2px !important; } .ptb5 { padding-top:5px !important; padding-bottom:5px !important; } .ptb10 { padding-top:10px !important; padding-bottom:10px !important; } .ptb15 { padding-top:15px !important; padding-bottom:15px !important; } .ps10 { padding-left:10px !important; padding-right:10px !important; } .lh12 { line-height:13px; /*line-height:1.12em;*/ } .lh13 { line-height:16px; /*line-height:1.3em;*/ } .lh13 td { line-height:16px; /*line-height:1.3em;*/ } .lh16px { line-height:16px; } .indent10 { padding-left:10px; text-indent:-10px; } .indent12 { padding-left:12px; text-indent:-12px; } .indent16 { padding-left:16px; text-indent:-16px; } .b0 { border:0 !important; } /*------------------------------------------------------------------------------ | ?뺣젹 |.............................................................................*/ .clear { clear:both; } .fleft { float:left; } .fclear { *zoom:1; } .fclear:after { content:" "; display:block; clear:both; } .tleft { text-align:left !important; } .tright { text-align:right !important; } .tcenter { text-align:center !important; } .tjustify { text-align:justify !important; } .breakWord { text-align:left !important; word-break:keep-all; word-wrap:break-word; } .bcenter { margin-left:auto; margin-right:auto; } .v1 { vertical-align:-1px; } .v2 { vertical-align:-2px; } .v3 { vertical-align:-3px; } .v4 { vertical-align:-4px; } .v5 { vertical-align:-5px; } .v6 { vertical-align:-6px; } .v7 { vertical-align:-7px; } .v8 { vertical-align:-8px; } .vtop { vertical-align:top; } .vmid { vertical-align:middle; } /* ?띿뒪???댁쇅???섎━癒쇳듃?�??以묒븰?뺣젹 */ .vmiddle { vertical-align:middle; margin-bottom:2px; } /* ?띿뒪?몄???以묒븰?뺣젹 */ .vmid_all * { vertical-align:middle !important; } .vbottom { vertical-align:bottom; } .vcenter { #position:relative; height:100%; display:table; overflow:hidden; } .vcenter div { #position:absolute; #top:50%; display:table-cell; vertical-align:middle; } .vcenter div p { #position:relative; #top:-50%; } img.bullet { height:16px; margin-right:5px; vertical-align:-4px; } /* FOOTER ----------------------------------------------------------------------------------------------------- */ #footer {margin-top: 200px; clear:both;width:100%;min-width:1240px;height:150px;background:#fff; border-top:1px solid #d1d1d1; } #footer .footer_all{width:1240px;margin:0 auto;margin-top:24px;position:relative;} .footer_info {height:110px;} .footer_copyright {height:50px; padding:10px 0 0 0;} .footer_copyright ul {float:left;} .footer_copyright .footer_copyright_ci {margin:8px 55px 0 0;} .footer_copyright .footer_copyright_text {margin:0 35px 0 0; padding:0px 0 0 0; color:#999999; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:normal; font-size:13px; line-height:27px; letter-spacing:0px;} /* OTHER ----------------------------------------------------------------------------------------------------- */ hr { display:block; height:1px; margin:10px 0; padding:0; border:0 solid #CCC; background:#CCC; color:#CCC;} .clear { margin: auto; clear:both; display: block; height:0;line-height:0;font-size:0; width: 100%;} .noscreen { display:none; } .floatLeft {float: left; width: 197px; height: 127px; } .floatRight {float: right;} img.floatLeft {margin-right: 20px} img.floatRight {margin-left: 20px} .bold {font-weight: bold;} .center {text-align: center;} .noborder {border: 0;} /* clearfix */ .clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden} .clearfix {display: inline-block;} /* hidden for ie mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block; top: 5px; left: 54px; height: 143px; } /* 버튼 ---- */ .btwrap2 { width:200px; height:35px; margin:0 auto; text-align:center; padding-top:30px; padding-bottom:10px; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:normal; } .btwrap2 ul li.cancel { float:left; padding:29px 50px; margin-right:4px; background:#bababa; font-size:13px; color:#fff; font-weight:bold; } .btwrap2 ul li.cancel a { font-size:16px; color:#fff; font-weight:bold; } .btwrap2 ul li.cancel a:hover { font-size:16px; color:#fff; font-weight:bold; } .btwrap2 ul li {float:left; } .btwrap2 ul li.confirm { float:left; padding:20px 30px 20px 30px; background:#3284cd; font-size:18px; color:#fff; font-weight:500; } .btwrap2 ul li.confirm a { font-size:16px; color:#fff; font-weight:bold; } .btwrap2 ul li.confirm a:hover { font-size:16px; color:#fff; font-weight:bold; } /* 작은버튼 ---- */ .s_button { width:90px; height:18px; margin:0 auto; text-align:center; padding-top:0px; padding-bottom:0px; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:normal; } .s_button ul li.jupsu { float:left; padding:8px 15px 8px 15px; margin-right:0px; background:#5499f8; font-size:14px; color:#fff; font-weight:normal; } .s_button3 { width:60px; height:18px; margin:0 auto; text-align:center; padding-top:0px; padding-bottom:0px; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:normal; } .s_button3 ul li.jupsu3 { float:left; padding:8px 15px 8px 15px; margin-right:0px; background:#00c1d9; font-size:14px; color:#fff; font-weight:normal; } .s_button4 { width:60px; height:18px; margin:0 auto; text-align:center; padding-top:0px; padding-bottom:0px; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:normal; } .s_button4 ul li.jupsu4 { float:left; padding:8px 15px 8px 15px; margin-right:0px; background:#fe757f; font-size:14px; color:#fff; font-weight:normal; } .s_button0 { width:90px; height:18px; margin:0 auto; text-align:center; padding-top:0px; padding-bottom:0px; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:normal; } .s_button0 ul li.jupsu0 { float:left; padding:8px 15px 8px 15px; margin-right:0px; background:#fe757f; font-size:14px; color:#fff; font-weight:normal; } .s_button5 { width:90px; height:18px; margin:0 auto; text-align:center; padding-top:0px; padding-bottom:0px; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:normal; } .s_button5 li.jupsu5 { float:left; padding:10px 20px 10px 20px; margin-left:20px; margin-right:0px; background:#005bac; font-size:14px; color:#fff; font-weight:normal; } .s_button6 { width:90px; height:18px; margin:0 auto; text-align:center; padding-top:0px; padding-bottom:0px; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:normal; } .s_button6 ul li.jupsu6 { float:left; padding:8px 15px 8px 15px; margin-left:10px; margin-right:0px; background:#fe757f; font-size:14px; color:#fff; font-weight:normal; } .s_button7 { width:90px; height:18px; margin:0 auto; text-align:center; padding-top:0px; padding-bottom:0px; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:normal; } .s_button7 li.jupsu7 { float:left; padding:10px 20px 10px 20px; margin-left:10px; margin-right:0px; background:#005bac; font-size:14px; color:#fff; font-weight:normal; } .btm_line3 .tit_type05 .jupsu2 { padding:10px 20px 10px 20px; margin-left:20px; background:#005bac; font-size:17px; color:#fff; font-family:'나눔고딕',NanumGothic,'NanumGothic'; font-weight:600; } /* 셀렉트박스 ---- */ .article_btm{position:relative; background:#f0f0f0; padding:5px; border-top:1px solid #d9d9d9;} .article_btm > .inner{position:relative;} .article_btm .selectArea{padding-left: 100px; width: 300px;} .article_btm .selectArea:after{content:""; display:block; clear:both;} .article_btm .selectArea select{float:left; width:131px; height:40px; margin:0 0 0 -1px; border:1px solid #cdcdcd; font-size:16px; color:#323232; padding-left:18px; background-position:98% 50%;} .block1Line{clear:both;margin:0 0 5px 7px;font-size:15px;} .block1Line input.input01{height:36px;border:1px solid #dadada;} .block1Line select{height:38px;border:1px solid #dadada;} .title{float:left;display:inline-block;width:100px;color:#000;font-weight:bold;line-height:19px;padding:1px 0 0 0;} :root .chooseMemArea .title{line-height:24px \9;font-size:14px;} .block1Line input.input01, .block1Line select{font-size:15px;} .block1Line span{font-size:15px; color:#005bac; padding-left: 10px;} .input01 {font-size::;px;height:42px;line-height:26px;width:250px;padding:0 15px;border:1px solid #cdcdcd; width:200px; vertical-align:middle; } /* 그리드 시작 */ .wedPanel-t-3 {box-sizing:border-box; overflow:hidden; clear:both; border-top:0; position:relative;} .wedTable-scroll-vertical { overflow-y:auto; overflow-x:hidden; height:300px; position:relative;} .wedTable-scroll-horizontal { overflow-y:hidden; overflow-x:scroll; } .wedTable-scroll { overflow:auto; height:300px; position:relative;} .wedTable-list-t-6 { width:100%; margin:0 auto;border-collapse:collapse; } .wedTable-list-t-6 thead th { border:1px solid #dee2e1; font-size:12px; font-family: "NanumBold";color:#333; border-bottom:1px solid #e4e5e7; line-height:25px; background-color:#f1f2f2; padding:3px 10px; } .wedTable-list-t-6 thead td {border:1px solid #dee2e1; color:#4e4e4e; padding:3px 10px; line-height:25px; } .wedTable-list-t-6 tbody th{ border:1px solid #dee2e1; font-size:12px; font-family: "NanumBold";color:#333; border-bottom:1px solid #e4e5e7; line-height:25px; background-color:#fcfbfb; padding:3px 10px; } .wedTable-list-t-6 tbody td {border:1px solid #dee2e1; color:#4e4e4e; padding:3px 10px; line-height:25px; text-align:center; } .wedTable-list-t-6 tfoot td {border:1px solid #dee2e1; color:#4e4e4e; padding:3px 10px; font-family:"NanumBold"; background-color:#fcfbfb; line-height:25px;}