@charset "utf-8";

/*내폴더에서 나눔폰트 불러오기
@font-face
{
font-family:"Nanum Gothic";
src:url('font/NanumGothic.eot');
src:url('font/NanumGothic.eot?#iefix') format('embedded-opentype'),
url('font/NanumGothic.woff') format('woff'),
url('font/NanumGothic.ttf') format('truetype');
url('font/NanumGothic.svg#NanumGothic') format('svg')
src:local(※), url('font/NanumGothic.woff') format('woff');
}
*/

/* 구글에서 나눔폰트 불러오기*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
/*
나눔브러쉬 (Nanum Brush Script)
나눔고딕(Nanum Gothic)
나눔고딕코딩(Nanum Gothic Coding)
나눔명조(Nanum Myeongjo)
나눔펜(Nanum Pen Script)
*/

/*기본*/
* {margin:0; padding:0;}
* {-webkit-text-size-adjust:none;} /* 아이폰 텍스트 자동확대 막기 */

html {overflow-y:scroll;}
body {width:100%; height:100%;}

td *, div *, li *, span *, p * {}
ul, ol, li {list-style:none;}
p,div,ul,li,dl,dt,dd,ol,em,fieldset,textarea,input,select,table,th,td,address,cite,h1,h2,h3,h4,h5,h6 {color:#777; font-family:'Nanum Gothic','NanumGothic', "돋움","dotum", sans-serif; font-size:13px; line-height:160%; color:#666;}

img {border:0; vertical-align:middle;}

ul, li, dl, dt, dd {list-style:none;}

a:link {color: #666; font-family:'Nanum Gothic','NanumGothic', "돋움","dotum"; font-size:13px; text-decoration:none;} 
a:visited {color: #666; font-family:'Nanum Gothic','NanumGothic', "돋움","dotum"; font-size:13px; text-decoration:none;}
a:hover {color: #333; font-family:'Nanum Gothic','NanumGothic', "돋움","dotum"; font-size:13px; text-decoration:underline;}
a:active {color: #666; font-family:'Nanum Gothic','NanumGothic', "돋움","dotum"; font-size:13px; text-decoration:none;} 

td {font-family:'Nanum Gothic','NanumGothic', "돋움","dotum", arial, helvetica, san-serif; font-size:13px; text-decoration:none; line-height:160%;} 
/*기본 끝*/



/*솔루션 게시판 스타일변경*/
#sContents .tabletexthead {width:100%; padding:10px 0 !important; display:inline-block; font-size:13px; color:#333; font-weight:bold; background:#f7f7f7; border-top:2px solid #1155bc !important;}
#sContents .tabletextlist {padding:10px 0; display:inline-block;}
#sContents .text {padding:7px 0px; display:inline-block; }
input.textbox {border:1px solid #ccc; padding:3px 0px 5px 0px; background:#fff; width:200px;}
input.tabletextlistbox {border:1px solid #ccc; padding:3px 0px 5px 0px; background:#fff; margin:5px 0px;}
textarea.tabletextlistbox {border:1px solid #ccc; background:#fff;}
textarea.test_textarea_01, textarea.test_textarea_02, textarea.test_textarea_03 {border:1px solid #ccc; background:#fff; height:200px; padding:20px; margin-bottom:15px;}
textarea.textbox {border:1px solid #ccc; background:#fff; width:100%;}
select.selectbox {border:1px solid #ccc; height:24px; background:#fff;}
/*솔루션 게시판 스타일변경 끝*/

/*갤러리게시판*/
.table_com03 {}
.table_com03 table {border:0; margin:10px 0;}
.table_com03 .text {padding:0px;}
.table_com03 td {border:0;}
.tabletextlist2 {height:40px; line-height:40px;}

/*로그인,회원가입 타이틀제거*/
.membership, .joinEnd {border:1px solid #ddd; padding:20px; margin:0 auto;}
.membership table td {background:none; padding:3px 0px;}
#sContents .membership table td font.tabletexthead {display:none; background:none;} 
.membership table td font.textplain {font-size:13px; color:#777; line-height:170%;} 
.membership table.kjnufc_table {width:100%;}
.membership table.kjnufc_table td {height:0px !important;}
.membership table.kjnufc_table span.kjnufc_title_01, .kjnufc_title_02, .kjnufc_title_03 {font-size:14px; color:#333; font-weight:bold; display:block; margin-top:20px;}
.membership table.kjnufc_table span:first-child {margin-top:0px;}
.membership table.kjnufc_table textarea.kjnufc_textarea_01, textarea.kjnufc_textarea_02, textarea.kjnufc_textarea_03 {width:80%; height:150px; padding:20px; border:1px solid #ccc; margin-bottom:10px; background:#f9f9f9;}
.membership table.kjnufc_table img {margin:20px 0px;}
.membership table textarea.textbox {width:84%; margin-bottom:20px;}
.membership table td font.tabletextlist {margin-right:5px;}
.membership table.ke-zeroborder {border:none !important;}
.membership table.ke-zeroborder select {border:1px solid #ccc; height:24px;}
.membership table.ke-zeroborder input.box {border:1px solid #ccc; height:21px;} 

/*회원가입결과페이지*/
#sContents .joinEnd table {width:80%;}
#sContents .joinEnd table td {background:none;}
#sContents .joinEnd table td font.tabletexthead {background:none !important; border-top:0 !important; height:0px; color:#333; font-size:16px; font-weight:normal; padding:0 !important;}
#sContents .joinEnd table td ul li {padding:30px 0px; font-size:14px; text-align:center; color:#C40F13;}




/*margin, padding*/
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml50 {margin-left:50px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.pt10 {padding-top:10px !important;}
.pt20 {padding-top:20px !important;}
.pt30 {padding-top:30px !important;}
.pt40 {padding-top:40px !important;}
.pt50 {padding-top:50px !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}
.pl10 {padding-left:10px !important;}
.pl20 {padding-left:20px !important;}
.pl30 {padding-left:30px !important;}
.pl40 {padding-left:40px !important;}
.pl50 {padding-left:50px !important;}
.pr10 {padding-right:10px !important;}
.pr20 {padding-right:20px !important;}
.pr30 {padding-right:30px !important;}
.pr40 {padding-right:40px !important;}
.pr50 {padding-right:50px !important;}

/* From Style */
input, select {line-height:100%; vertical-align:middle; background:#fff; }
textarea {border:1px solid #D8D8D8; padding:2px;}
input.ed {border:1px solid #D8D8D8;padding:2px 3px; }
select.ed {border:1px solid #D8D8D8; }
textarea.ed { border:1px solid #D8D8D8; padding:2px; }
hr, caption {display:none;}
legend {position:absolute; height:0; font-size:0px; line-height:0; overflow:hidden; text-indent:-20000px; }
address,cite,em	{font-style:normal;}
fieldset {border:0; padding:0; }
label {cursor:pointer;vertical-align:middle;display:inline-block;}

/*etc*/
.hidden {display:none !important;}
.backNone {background:none !important;}
.dinb {display:inline-block !important;}
.disb {display:block !important;}
.tc {text-align:center !important;}
.tl {text-align:left !important;}
.tr {text-align:right !important;}
.vt {vertical-align:top !important;}
.disNone {display:none !important;}
.fr {float:right !important;}
.fl {float:left !important;}
.brNone {border-right:0 !important;}
.blNone {border-left:0 !important;}
.btNone {border-top:0 !important;}
.bbNone {border-bottom:0 !important;}
.ptNone {padding-top:0 !important;}
.pbNone {padding-bottom:0 !important;}
.plNone {padding-left:0 !important;}
.prNone {padding-right:0 !important;}
.mtNone {margin-top:0 !important;}
.mbNone {margin-bottom:0 !important;}
.mlNone {margin-left:0 !important;}
.mrNone {margin-right:0 !important;}
.borl {border-left:0 !important;}
.borr {border-right:0 !important;}
.backDot {background:url('../../images/main/dotLine.gif') repeat-x bottom;}
.txtBlue {color:#234c6d !important;}
.color555 {color:#555;}
.w205 {width:205px;}
.w250 {width:250px;}
.colorRed {color:#F00 !important;}
.colorBlue {color:#03C !important;}

/*위로 올라가리*/
#mTop	{width:45px; height:45px; z-index:9999; bottom:78px; left:50%; margin-left:520px; position:fixed; display:none;}


#wrap {width:100%; min-width:1000px; background:#eee;}

/*head*/
#head {width:100%; min-width:1000px; height:90px; background:#1155bc;}
#head div.header {width:1000px; margin:0 auto; border-right:1px solid #346ec6;}
#head div.header h1 {width:285px; float:left;}
#head div.header div.top {width:714px; float:left;}
#head div.header div.top p.global {height:29px; text-align:right; border-bottom:1px solid #346ec6; border-right:1px solid #346ec6; padding:3px 10px 0 0;}
#head div.header div.top p.global > a {display:inline-block; padding:0 7px 0 9px; background:url('../image/common/globalLine.gif') no-repeat left; font-size:10px; font-weight:600; color:#a9b9e0;}
#head div.header div.top p.global > a:first-child {background:none;}
#head div.header div.top p.global > a:hover {color:#fff; text-decoration:none;}
#head div.header div.top ul.gnb {display:inline-block;}
#head div.header div.top ul.gnb > li {width:142px; float:left; position:relative; border-right:1px solid #346ec6;}
#head div.header div.top ul.gnb > li:first-child {width:141px;}
#head div.header div.top ul.gnb > li > a {width:100%; height:57px; line-height:57px; font-size:14px; color:#fff; font-weight:600; text-align:center; display:block;}
#head div.header div.top ul.gnb > li > a:hover, #head div.header div.top ul.gnb > li.on > a {background:#193e77; color:#fff; text-decoration:none;}
#head div.header div.top ul.gnb > li > ul {width:142px; position:absolute; top:57px; left:0; display:none; z-index:999;}
#head div.header div.top ul.gnb > li > ul > li > a {width:100%; height:45px; line-height:45px; text-align:center; display:block; border-bottom:1px solid #4f6e9a; text-decoration:none; background:url('../image/common/menuBg.png'); font-size:13px; color:#fff;}
#head div.header div.top ul.gnb > li > ul > li > a:hover {color:#fff; font-weight:bold; background:url('../image/common/smenuBg.png');}
#head div.header div.top ul.gnb > li > ul.s1 {width:141px; left:0px;}

/*main visual*/
#visualBox {width:100%; min-width:1000px; height:473px; background:url('../image/main/visualBg.jpg') no-repeat center top;}
#visualBox div.visual {width:1000px; height:411px; margin:0 auto; background:url('../image/main/visualBg.jpg') no-repeat cetner top; position:relative;}
#visualBox div.visual div {position:absolute;}
#visualBox div.visual div.copy1 {top:62px; left:430px;}
#visualBox div.visual div.copy2 {top:100px; left:430px;}
#visualBox div.visual div.copy3 {top:140px; left:430px; font-size:17px; color:#333;}

/*main container*/
#container {width:1000px; margin:0 auto; background:#fff; overflow:hidden;}
#container div.conBox {width:500px; height:250px; float:left; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.w499 {width:499px !important;}
/*공지탭*/
#container div.conBox > div {padding:30px 40px; position:relative;}
#container div.conBox .title1, #container div.conBox .title2 {width:100%; overflow:hidden;}
#container div.conBox .title1 > li, #container div.conBox .title2 > li {padding:8px 20px; text-align:center; float:left; border-top:1px solid #ddd; border-bottom:1px solid #ddd; border-right:1px solid #ddd; cursor:pointer; color:#666; font-weight:600;}
#container div.conBox .title1 > li:first-child, #container div.conBox .title2 > li:first-child {border-left:1px solid #ddd;}
#container div.conBox .title1 > li.on, #container div.conBox .title2 > li.on {border-top:1px solid #1155bc; border-bottom:1px solid #1155bc; border-right:1px solid #1155bc; background:#1155bc; color:#fff;}
#container div.conBox .title1 > li:first-child.on, #container div.conBox .title2 > li:first-child.on {border-left:1px solid #1155bc;}
#container div.conBox .list1, #container div.conBox .list2 {margin-top:20px;}
#container div.conBox .more, #container div.conBox .more {width:11px; height:11px; position:absolute; top:42px; left:90%; display:block; background:none;} 
/*갤러리*/
#container div.conBox .gallery {display:inline-block; margin-bottom:30px;}
#container div.conBox .gallery > li {float:left;}
#container div.conBox .gallery > li > strong {font-size:16px; font-weight:600; color:#333;}
#container div.conBox .gallery > li.sTitle {background:url('../image/main/titleLine.gif') no-repeat left 9px; font-size:11px; color:#aaa; font-weight:600; padding:5px 0 0 13px; margin-left:13px;}
/*colorBtn*/
#container div.conBox2 {display:inline-block; position:relative;}
#container div.conBox2 ul.colorBtn {width:250px; position:absolute; top:-1px;}
#container div.conBox2 ul.colorBtn > li {width:250px; height:126px;}
#container div.conBox2 ul.colorBtn > li > a {height: 100px; display:block; font-size:12px; color:#fff; padding:26px 0 0 100px;}
#container div.conBox2 ul.colorBtn > li > a:hover {text-decoration:none;}
#container div.conBox2 ul.colorBtn > li > a > strong {display:block; margin-bottom:8px; color:#fff; font-weight:600; font-size:14px;}
#container div.conBox2 ul.colorBtn li.colorBtn1 {background:url('../image/main/btn01.png') no-repeat 32px #a77f41;}
#container div.conBox2 ul.colorBtn li.colorBtn2 {background:url('../image/main/btn02.png') no-repeat 32px #3394a4;}
#container div.conBox2 ul.colorBtn li.colorBtn1:hover {height:126px; background:url('../image/main/btn01.png') no-repeat 32px #a67a36;}
#container div.conBox2 ul.colorBtn li.colorBtn2:hover {height:126px; background:url('../image/main/btn02.png') no-repeat 32px #268fa0;}
/*픽토그램버튼*/
#container div.conBox2 ul.picBtn {width:250px; position:absolute; left:250px;}
#container div.conBox2 ul.picBtn > li {float:left; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
#container div.conBox2 ul.picBtn > li > a {width:124px; height:47px; padding-top:78px; font-size:14px; color:#777; font-weight:600; text-align:center; display:block;}
#container div.conBox2 ul.picBtn > li > a:hover {text-decoration:none; color:#333;}
#container div.conBox2 ul.picBtn > li > a.picBtn1 {background:url('../image/main/btn03.png') no-repeat center 25px;}
#container div.conBox2 ul.picBtn > li > a.picBtn2 {width:125px; background:url('../image/main/btn04.png') no-repeat center 25px;}
#container div.conBox2 ul.picBtn > li > a.picBtn3 {height:46px; background:url('../image/main/btn05.png') no-repeat center 25px;}
#container div.conBox2 ul.picBtn > li > a.picBtn4 {width:125px; height:46px; background:url('../image/main/btn06.png') no-repeat center 25px;}
#container div.conBox2 ul.picBtn > li > a.picBtn1:hover {background:url('../image/main/btn03.png') no-repeat center 25px #f5f5f5;}
#container div.conBox2 ul.picBtn > li > a.picBtn2:hover {background:url('../image/main/btn04.png') no-repeat center 25px #f5f5f5;}
#container div.conBox2 ul.picBtn > li > a.picBtn3:hover {background:url('../image/main/btn05.png') no-repeat center 25px #f5f5f5;}
#container div.conBox2 ul.picBtn > li > a.picBtn4:hover {background:url('../image/main/btn06.png') no-repeat center 25px #f5f5f5;}

/*logo banner*/
#banner {width:975px; margin:0 auto; background:#fff; padding:15px 10px 15px 15px;}
#banner > a {display:inline-block; padding:0 6px;}

/*footer*/
#footer {width:930px; margin:0 auto; background:#555; padding:30px 35px; overflow:hidden;}
#footer div.foot {font-size:13px; color:#ccc; float:left;}
#footer div.foot > strong {display:block; color:#fff; font-weight:600;}
#footer div.foot > address {display:inline-block; color:#ccc;}
#footer div.policy {float:right; margin-top:10px;}
#footer div.policy > a {width:135px; height:35px; line-height:35px; color:#fff; font-weight:600; text-align:center; display:inline-block; border:1px solid #999; margin-left:5px;}
#footer div.policy > a:hover {background:#505050; text-decoration:none;}

/*sub visual*/
#svisualBox {width:100%; min-width:1000px; height:217px; background:url('../image/common/mainBg.gif') repeat-x;}
#svisualBox div.svisual {width:1000px; height:217px; margin:0 auto; background:url('../image/common/main.jpg') no-repeat center top; position:relative;}
#svisualBox div.svisual div {position:absolute;}
#svisualBox div.svisual div.copy1 {top:55px; left:77px;}
#svisualBox div.svisual div.copy2 {top:95px; left:77px;}
#svisualBox div.svisual div.copy3 {top:137px; left:77px; font-size:17px; color:#333;}

/*sub ccontainer*/
#sContainer {width:1000px; min-height:480px; background:#fff; margin:0 auto; overflow:hidden;}

/*sub menu*/
#sMenu {width:100%; height:49px; border-bottom:1px solid #ddd;}
#sMenu > ul {display:inline-block;}
#sMenu > ul > li {float:left; border-right:1px solid #ddd;}
#sMenu > ul > li.mName {width:130px; line-height:49px; text-align:center;}
#sMenu > ul > li > a {height:49px; line-height:49px; display:block; font-size:14px;}
#sMenu > ul > li > a.home {width:65px; text-align:center;}
#sMenu > ul > li > a.home > img {margin-top:15px;}
#sMenu > ul > li > a.sName {width:187px; font-weight:600; color:#13428a; background:url('../image/common/dotBlue.png') no-repeat 87%; padding-left:23px;}
#sMenu > ul > li > a.sName:hover {background:url('../image/common/dotBlue.png') no-repeat 87% #f7f7f7; text-decoration:none;}
#sMenu > ul > li > a.sName.on {background:url('../image/common/dotBlue2.png') no-repeat 87% #f7f7f7;}
#sMenu > ul > li.here {position:relative;}
#sMenu > ul > li.here > nav {width:212px; display:none; position:absolute; top:49px; left:-1px;}
#sMenu > ul > li.here > nav > div {background:#fff;}
#sMenu > ul > li.here > nav > div > a {display:block; height:45px; line-height:45px; padding-left:23px; font-size:14px; color:#666; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd;}
#sMenu > ul > li.here > nav > div > a:first-child {border-top:1px solid #ddd;}
#sMenu > ul > li.here > nav > div > a:hover {color:#333; text-decoration:none; background:#f7f7f7;}

/*sub contents*/
#sContents {margin:50px 65px 65px; height:100%; overflow:hidden;}
#sContents > div {}
#sContents h2, .membership h2 {font-size:36px; color:#222; margin-bottom:40px;}
.membership h2 {text-align:center; margin-bottom:0px;}

#sContents div.map {width:868px; hight:500px; border:1px solid #ddd; margin-bottom:30px;}
#sContents h3 {font-size:16px; color:#333; font-weight:600; margin-bottom:15px;}
#sContents h3.ruleTitle {font-size:18px; color:#333; margin-bottom:20px;}
#sContents h4  {font-size:16px; color:#333; font-weight:600; margin-bottom:20px;}
#sContents h5 {color:#555;}
#sContents h5.ruleStitle {font-size:14px; color:#333; margin-bottom:15px;}


.layerPop {width:994px; height:668px; position:fixed; left:0; top:0; z-index:99999; background:#fff; display:none; border:1px solid #333;}
.layerPop > a, .layerPop1 > a {width:27px; height:26px; display:block; position:absolute; top:-27px; right:-1px;}
.layerPop1 {width:579px; height:610px; position:fixed; left:0; top:0; z-index:99999; background:#fff; display:none; border:1px solid #333;}
.shadow {position:absolute; left:0; top:0; width:100px; height:100px; display:none; background:url('../image/intro/popBg.png');}


#sContents .txt24 {font-size:24px; color:#333;}
#sContents > div {font-size:13px; line-height:170%; word-break:keep-all; text-align:justify;}
#sContents .profName {text-align:right; font-size:14px; font-weight:600; color:#666; float:right; margin:60px 0 0 0;}
#sContents .profName > strong {font-size:16px; font-weight:600; color:#333;}
#sContents .circleList > li {font-size:14px; margin-bottom:10px;}
#sContents .circleList > li > span {width:26px; height:26px; line-height: 30px; display:inline-block; font-size:11px; font-weight:600; color:#fff; text-align:center; background:#afafaf; margin-right:10px; border-radius: 26px;}
#sContents div.tableBox {border-top:2px solid #1155bc;}
#sContents div.tableBox table.kjTable {width:100%; border:1px solid #ddd; border-collapse:collapse;}
#sContents div.tableBox table.kjTable th {border:1px solid #ddd; padding:8px 0; font-size:13px; font-weight:600; color:#333; text-align:center;}
#sContents div.tableBox table.kjTable th.sj {background:#f9f9f9;}
#sContents div.tableBox table.kjTable td.sj {background:#f9f9f9; color:#333; font-weight:600;}
#sContents div.tableBox table.kjTable td {border:1px solid #ddd; font-size:13px; color:#666; padding:8px 10px; min-height: 37.5px; box-sizing: border-box;}
#sContents div.ruleTab {display:inline-block; margin-bottom:30px;}
#sContents div.ruleTab > a {width:288px; height:36px; line-height:36px; border:1px solid #ddd; text-align:center; font-size:13px; font-weight:600; color:#666; display:block; float:left; margin-right:-1px;}
#sContents div.ruleTab > a:hover, #sContents div.ruleTab > a.on {color:#fff; background:#5f81b4; border:1px solid #5f81b4; text-decoration:none;}

.numList > li {list-style-type:decimal; margin-bottom:5px;}
.abList > li {list-style-type:upper-alpha; margin-bottom:5px;}
.dotList > li {list-style-type:disc; margin-bottom:5px;}

.basicBtn {padding:13px 20px; font-weight:600; color:#fff !important; background:#b8b8b8;}
.basicBtn:hover {background:#aaa; text-decoration:none;}
.btnBlue {background:#5f81b4;}
.btnBlue:hover {background:#3768b3;}



/*개인정보취급방침*/
.policyTxt {margin:50px 65px 65px; word-break:keep-all; height:100%;}
.policyTxt p.policyTitle {font-size:30px; color:#333; font-weight:600; margin-bottom:30px; padding:0 0 20px 50px; border-bottom:1px solid #ddd; background:url('../image/common/policyDot.gif') no-repeat left 6px;}
.policyTxt > strong {display:block; margin-bottom:20px; color:#333; font-size:15px;}
.policyTxt > ol.ruleNum > li > strong {color:#333; font-size:14px; margin-bottom:10px; display:block;}