/* 구글 웹폰트 나눔고딕 */ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import url(/gears/board/resource/board.css); /* 공통 스타일 -----------------------------------------------------------------------------*/ body {font-family:"Nanum Gothic","NanumGothic","나눔고딕",sans-serif;font-size:9pt;color:#666;line-height:1.8em;_text-align /**/:center; /* IE 5.5 이하 텍스트 정렬 추가 hack */} body, form {padding:0;margin:0;font-family:"Nanum Gothic","NanumGothic","나눔고딕",sans-serif;} div, td, li {line-height:1.8em;font-family:"Nanum Gothic","NanumGothic","나눔고딕",sans-serif;} hr { display:none;visibility:hidden; } A:link {color:#666;text-decoration:none;} A:visited {color:#666;text-decoration:none;} A:hover {color:#666;text-decoration:underline;} A img {border:0;} .form {border:1px solid #999;text-align:left;} .t0 {text-decoration:none;} .t1 {font-size:9pt;} .bigtext {font-size:13pt;} .bodytext {font-size:9pt;line-height:25px;} .bodytext1 {font-size:9pt;line-height:16px;} .bodytext2 {font-size:8pt;line-height:16px;} .bold {font-size:9pt;font-weight:bold;} .top-menu {font-size:8pt;} .top-menu a:link, .top-menu a:visited, .top-menu a:hover {color:#9D9D9D ! important;text-decoration:none;} .invisible {text-indent:-200px;height:1px;width:1px;margin:0px;padding:0px;font-size:1px;line-height:1px;position:absolute;left:-1000px;top:-1000px;visibility:hidden;overflow:hidden;} a.button {text-decoration:none;display:inline-block;background:#f1f1f1 url(/gears/dlg_buttons/buttonWhite.gif) no-repeat left top;position:relative;vertical-align:top;white-space:nowrap;padding:0;font:0px/23px Sans-serif;margin-right:4px;} a.button span {display:inline-block;background:#f1f1f1 url(/gears/dlg_buttons/buttonWhite.gif) no-repeat right top;padding:0 10px 0 8px;font-size:12px;color:#000;position:relative;vertical-align:top;cursor:pointer;left:2px;} /* font */ .ffd {font-family:'돋움',Dotum,;} .ffa{font-size:14px;letter-spacing:-1px;font-weight:bold;font-family:'돋움',Dotum,;} .f24{font-size:24px;letter-spacing:-2px;color:#000000;font-weight:bold;font-family:Gulim,굴림;} .f14{font-size:14px;letter-spacing:-1px;line-height:1.4;font-family:Gulim,굴림;} .f12{font-size:13px;letter-spacing:-1px;line-height:1.4;} .f13{font-size:13px;} .f11{font-size:11px;letter-spacing:-1px;font-family:돋움,Dotum;line-height:1.4;} .f19{font-size:11px;font-family:돋움,Dotum;line-height:1.4;} .f16 {font-size:16px;font-family:돋움,Dotum;letter-spacing:-1px;font-weight:bold;} .f20 {font-size:20px;font-family:돋움,Dotum;letter-spacing:-1px;font-weight:bold;} .f9{font-size:9px; color: #7a7a7a; font-family: "tahoma", "arial"} /* 공통 -----------------------------------------------------------------------------*/ #skipNavigationDiv {text-indent:-2000px;clear:both;height:0px;margin:0px;padding:0px;font-size:0px;line-height:1px;position:absolute;visibility:hidden;overflow:hidden;} .outWrap {clear:both;display:block;width:960px;height:100%;position:relative;margin:0 auto;text-align:left;} /* 상단 */ #topDiv {clear:both;overflow:hidden;width:100%;height:102px;border-bottom:2px solid #144587;} /* 로고 */ #topDiv strong {float:left;width:200px;text-align:left;padding-top:15px;padding-left:10px;} /* 유틸 메뉴 */ #topUtilDiv {float:right;width:auto;padding:0;margin:7px 0 0 0;list-style:none;} #topUtilDiv li {display:inline;padding-left:8px;margin-right:12px;font-size:8pt;background:url(/coding/images/dot_blue.gif) no-repeat 0 50%;} #topUtilDiv li a {color:#000;} #topUtilDiv li.none {padding:0;margin-right:5px;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:700;color:#999;background:none;} #topUtilDiv li.language {padding-right:8px;border-right:1px solid #999;} #topUtilDiv li img {border:0;vertical-align:middle;} /* 메인 메뉴 */ #topMenuDiv {float:right;width:730px;padding:0;margin:5px 0 0 0;list-style:none;} #topMenuDiv li {display:inline;float:left;width:auto;font-weight:700;font-size:12pt;text-align:center;} #topMenuDiv li a {display:block;width:100%;padding:18px 25px 20px 25px;color:#000;;} #topMenuDiv li a:hover {color:#7035C3;text-decoration:none;} /* 메인 메뉴에서 2차 메뉴 노출 */ #topMenuDiv ul.topSubMenu {display:none;width:auto;list-style-type:none;list-style-position:outside;padding:0;margin:0;position:absolute;top:81px;width:auto;z-index:100;background-color:#144587;white-space:nowrap;} #topMenuDiv ul.topSubMenu li {display:inline;float:left;width:auto;font-size:8pt;} #topMenuDiv ul.topSubMenu li a {display:block;width:auto;padding:2px 10px;color:#fff;} #topMenuDiv ul.topSubMenu li a:hover {background-color:#6366CC;} #topMenuDiv ul.submenu1 {left:300px;} #topMenuDiv ul.submenu2 {left:300px;} #topMenuDiv ul.submenu3 {left:460px;} #topMenuDiv ul.submenu4 {left:620px;} #topMenuDiv ul.submenu5 {left:680px;} #topMenuDiv ul.submenu6 {left:700px;} /* 푸터 */ #bottomDiv {clear:both;overflow:hidden;width:100%;height:130px;background:url(/coding/images/bg_bottom.gif) repeat-x 0 0;} /* 푸터 메뉴 */ #bottomUI {clear:both;overflow:hidden;width:100%;padding:11px 0;margin:0;list-style:none;text-align:center;} #bottomUI li {display:inline;font-size:11pt;padding-right:20px;margin-right:20px;border-right:1px solid #DBDCDE;} #bottomUI li a {color:#DBDCDE;} #bottomUI li.none {padding:0;margin:0;border:none;} /* 카피라이트 */ #copyrightDiv {clear:both;overflow:hidden;width:75%;padding:0 0 0 25%;margin:20px 0 0 0;list-style:none;background:url(/coding/images/bottom_logo.jpg) no-repeat 20px 50%;} #copyrightDiv li {line-height:1.7em;font-weight:500;letter-spacing:-1px;} #copyrightDiv li.copy {font-family:Verdana, Arial, Helvetica, sans-serif;} /* 메인 -----------------------------------------------------------------------------*/ #mainMidDiv {clear:both;overflow:hidden;width:100%;padding-bottom:40px;background:url(/coding/images/bg_main.jpg) repeat-x 0 0;} #sideLeftDiv {float:left;width:343px;} #centerDiv {float:left;position:relative;left:18px;width:308px;background:url(/coding/images/bg_schedule.gif) no-repeat right bottom;} #sideRightDiv {float:right;width:308px;} #sideLeftDiv, #centerDiv, #sideRightDiv {height:190px;border:1px solid #ccc;} .Left {float:left;} .Right {float:right;} /* 메인 비주얼(로테이션) */ #visual {clear:both;overflow:hidden;width:100%;height:340px;} #visual p {clear:both;overflow:hidden;width:100%;height:200px;padding:0;margin:0;font-size:12pt;font-weight:700;vertical-align:middle;text-align:center;line-height:2.0em;color:#000;} #visual p strong {font-size:28pt;font-weight:700;letter-spacing:-1px;line-height:3.0em;color:#324490;} #visual p span {padding:3px 5px;color:#fff;background-color:#324490;} #visual ul {clear:both;overflow:hidden;width:80%;height:140px;padding:0;margin:0 10%;list-style:none;white-space:nowrap;} #visual ul li {display:inline-block;width:116px;text-align:left;} #visual ul li img {width:90px;height:110px;border:5px solid #C0D1F3;} #rotationLeft {position:absolute;width:auto;top:160px;left:10px;z-index:3;} #rotationRight {position:absolute;width:auto;top:160px;right:10px;z-index:3;} /* 아이콘 버튼 */ #iconBtn {clear:both;overflow:hidden;width:100%;padding:0;margin:0 0 20px 0;list-style:none;} #iconBtn li {display:inline;float:left;width:20%;font-size:13pt;font-weight:700;} #iconBtn li a {display:block;width:60%;padding:38px 0 38px 40%;color:#fff;background-image:url(/coding/images/icon.png);background-repeat:no-repeat;} #iconBtn li a:hover {text-decoration:none;color:#FFFF00;} #iconBtn li#iB1 a {background-position:20px 30px;} #iconBtn li#iB2 a {background-position:20px -138px;} #iconBtn li#iB3 a {background-position:20px -305px;} #iconBtn li#iB4 a {background-position:20px -470px;} #iconBtn li#iB5 a {background-position:20px -625px;} #news, #schedule {clear:both;overflow:hidden;width:84%;padding:20px 8% 0 8%;} #news h3, #schedule h3, #event h3 {padding:0;font-size:13pt;font-weight:700;} /* 최신글 모음 */ #news h3 {margin:0 0 20px 0;color:#000;} #news p {padding:0;margin:0;} #news ul {clear:both;overflow:hidden;font-size:10pt;width:auto;padding:0 0 0 20px;margin:0;} #news ul li {line-height:2.0em;} /* 참가일정 */ #schedule h3 {margin:0 0 15px 0;color:#000;} #schedule p {padding:0;margin:0 0 15px 0;font-size:8pt;line-height:1.7em;} #schedule p strong {font-weight:700;color:#000;line-height:2.8em;} #schedule ul {width:auto;padding:0;margin:0;list-style:none;} #schedule ul li {display:inline;float:left;width:auto;margin:0 2px;} #schedule ul li a {display:inline-block;width:80px;padding:5px 0 5px 10px;font-size:10pt;font-weight:700;color:#6366CC;border:1px solid #AAC0E6;background:#fff url(/coding/images/arrow.png) no-repeat 85% 9px;} #schedule ul li a:hover {color:#fff;text-decoration:none;background-color:#6366CC;} /* 본행사안내 */ #event {clear:both;overflow:hidden;width:88%;padding:20px 0 0 12%;height:170px;color:#fff;background:#254786 url(/coding/images/bg_event.gif) no-repeat right bottom;} #event h3 {margin:0 0 15px 0;} #event dl {padding:0;margin:0;} #event dl dt {padding:0;margin:0;font-size:11pt;} #event dl dd {padding:0;margin:0 0 0 0px;} #event p a {display:block;width:90px;padding:5px 0 5px 10px;margin:15px 0 0 0;font-size:10pt;font-weight:700;color:#fff;border:1px solid #5C75A4;background:#244E98 url(/coding/images/arrow.png) no-repeat 80% -77px;} #event p a:hover {color:#254786;text-decoration:none;background:#fff url(/coding/images/arrow.png) no-repeat 80% 10px;} /* 서브 -----------------------------------------------------------------------------*/ #shadow {clear:both;overflow:hidden;width:100%;} #subMidDiv {clear:both;overflow:hidden;width:100%;padding-bottom:50px;} #midLeftDiv {float:left;width:180px;margin-left:20px;} /* 타이틀 */ #midLeftDiv h2 {clear:both;overflow:hidden;width:90%;padding:20px 0 20px 10%;margin:15px 0 0px 0;font-weight:700;font-size:18pt;letter-spacing:-1px;color:#fff;line-height:1.2em;background:url(/coding/sub1/images/bg_title.gif) no-repeat 0 0;} #midLeftDiv h2 span {font-size:7.5pt;font-family:Verdana, Arial, Helvetica, sans-serif;text-transform:uppercase;} #midContentDiv {float:right;width:700px;padding-top:20px;} #contentDiv {font-size:13px;clear:both;overflow:hidden;width:100%;overflow-x:hidden;color:#333;} /* 서브타이틀 */ #subtitle {clear:both;overflow:hidden;width:100%;padding:3px 0 15px 0;margin:0 0 30px 0;font-size:17pt;font-weight:700;letter-spacing:-1px;line-height:1.0em;color:#333;border-bottom:1px dashed #C7C8C9;} /* 현재 위치 */ #locationDiv {float:right;position:relative;top:50px;width:auto;padding-left:15px;background:url(/coding/sub1/images/location.gif) no-repeat 0 4px;} #locationDiv a {color:#9D9D9D;} /* 좌측 서브 메뉴 */ #leftMenuDiv {float:left;width:100%;padding:0;margin-bottom:20px;list-style:none;} #leftMenuDiv li {float:left;width:100%;font-size:11pt;font-weight:600;line-height:2.2em;letter-spacing:-1px;border-bottom:1px solid #ebebeb;background:url(/coding/sub1/images/bl_sm_off.png) no-repeat 93% 17px;} #leftMenuDiv li a {display:block;color:#333;padding:7px 0 5px 20px;} #leftMenuDiv li a:hover, #leftMenuDiv li a.hover {color:#fff;text-decoration:none;background:#7A7AD0 url(/coding/sub1/images/bl_sm_on.png) no-repeat 93% 17px;} /* 좌측 서브 메뉴에서 3차 메뉴노출 */ #leftMenuDiv li ul {float:left;width:100%;padding:8px 0 5px 0;margin-bottom:0;list-style:none;list-style:none;background-color:#f5f5f5;} #leftMenuDiv li.active ul {display:block;} #leftMenuDiv li ul li {display:block;padding:0;margin:0;line-height:1.5em;border:none;background:none;} #leftMenuDiv li ul li a, #leftMenuDiv li.active ul li a {display:block;padding:1px 0 1px 31px;color:#797979;font-size:9pt;font-weight:400;letter-spacing:-1px;background:url(/coding/images/dot_gray.gif) no-repeat 25px 10px;} #leftMenuDiv li ul li a:hover, #leftMenuDiv li ul li.active a {text-decoration:none;color:#000;letter-spacing:-1px;background:url(/coding/images/dot_gray.gif) no-repeat 23px 7px;} /* 고객센터 서브*/ #customer1 {clear:both;overflow:hidden;padding:10px 0px 10px 10px;margin-top:30px ;border:1px solid #D7D7D7; background-color:#FFF;} #customer1 dl {clear:both;overflow:hidden;width:100%;padding:0;margin:0;font-weight:700;} #customer1 dl dt {padding:0;margin:0px 0 0px 0;font-size:11pt;} #customer1 dl dt span {color:#04AEA3;} #customer1 dl dd {padding:0;margin:0;color:#333;} #customer1 dl dd ul {padding:0;margin:0;list-style:none;} #customer1 dl#tel {padding-bottom:10px;margin-bottom:5px;} #customer1 dl#tel dd {font-size:14pt;color:#0e1969; letter-spacing:-1px; padding-top:5px;} #customer1 dl#bank dd ul li {padding-top:3px;margin-bottom:4px;line-height:1.4em; letter-spacing:-1px;} #customer1 dl#bank dd ul li span {float:left;width:40px;font-size:8pt;text-align:center;color:#fff;background-color:#04AEA3;} /* 콘텐츠 부분 -----------------------------------------------------------------------------*/ /* 탭 메뉴 */ #tabMenuDiv {clear:both;overflow:hidden;width:100%;margin-bottom:30px;} #tabMenuDiv ul {clear:both;overflow:hidden;padding:0;margin:0;list-style:none;} #tabMenuDiv ul li {display:inline;float:left;font-size:9pt;font-family:dotum;text-align:center;} #tabMenuDiv ul li a {display:inline-block;width:138px;padding:4px 0;margin:0 2px 4px 2px;color:#333;border:1px solid #D2D2D2;background:#EFF1F2;} #tabMenuDiv ul li a:hover, body.current1 #tabMenuDiv ul li.current1 a, body.current2 #tabMenuDiv ul li.current2 a, body.current3 #tabMenuDiv ul li.current3 a, body.current4 #tabMenuDiv ul li.current4 a, body.current5 #tabMenuDiv ul li.current5 a {color:#fff;text-decoration:none;border:1px solid #01779F;background-color:#03A4DB;} /* 텍스트 색상 지정(일반 텍스트 강조의 의미) */ .blue {color:#007CA6;} .green {color:#00AC90;} .orange {color:#E96900;} .red {color:#FF0000;} .yellow {color:#FFFF00;} /* 텍스트 색상별 아이콘 지정 */ .iconBlue {background:url(/coding/sub1/images/bl_blue.gif) no-repeat 0 4px;} .iconGreen {background:url(/coding/sub1/images/bl_green.gif) no-repeat 0 4px;} .iconOrange {background:url(/coding/sub1/images/bl_orange.gif) no-repeat 0 4px;} /* 아이콘이 있는 텍스트의 왼쪽 여백 지정(아이콘이 위치할 공간) */ .iconBlue, .iconGreen, .iconOrange {padding-left:20px;} dl.txt1 {clear:both;overflow:hidden;width:100%;padding:0;margin:0 0 30px 0;} dl.txt1 dt {padding:0 0 0 auto;margin:0 0 5px 0;font-weight:600;} dl.txt1 dd {padding:0;margin:0 0 0 15px;} dl.txt1 dd ul, dl.txt1 dd ol {padding:0 0 0 25px;margin:0;} #festival {clear:both;overflow:hidden;width:100%;margin-bottom:40px;} #festival dl {clear:both;overflow:hidden;width:100%;padding:0;margin:0;} #festival dl dt {padding:0;margin:0;} #festival dl dd {padding:0;margin:0;} #festival p, #festival div {float:left;} #festival p {padding:0;margin:20px 20px 0 0;} /* 테이블 기본 속성 */ .data_t {clear:both;overflow:hidden;width:100%;margin-bottom:30px;} .data_t caption {padding:5px 0 5px 5%;margin-bottom:5px;font-size:13pt;font-weight:700;text-align:left;background:url(/coding/sub1/images/bl_st.png) no-repeat 0 0;} .data_t thead th {padding:5px 0;border-left:2px solid #fff;border-right:2px solid #fff;text-transform:uppercase;color:#008DBD;border-top:1px solid #03A4DB;border-bottom:1px solid #03A4DB;background-color:#F6FDFF;} .data_t th, .data_t td {padding:4px;text-align:center;} .data_t td {border-bottom:1px solid #ddd;border-left:2px solid #fff;border-right:2px solid #fff;text-align:center;} .data_t tfoot td {background-color:#f6f6f6;} /* 테이블 td 왼쪽 정렬 */ td.tdLeft {text-align:left;} #orderForm {clear:both;overflow:hidden;width:100%;margin-bottom:30px;border-top:1px solid #ddd;} #orderForm caption {display:none;} #orderForm th {width:115px;padding:5px 0 5px 25px;border-bottom:1px solid #ddd;text-transform:uppercase;color:#008DBD;background:#F6FDFF url(/coding/images/arrow_right.png) no-repeat 15px -29px;} #orderForm td {width:570px;padding:5px 0 5px 10px;border-bottom:1px solid #ddd;} /* 인사말 */ #greeting_right {float:right;width:62%;} #greeting_left {float:left;width:30%;} #greeting_left p {font-size:8pt;} #greeting_left p strong {font-size:12pt;letter-spacing:2px;color:#000;} #greeting_left p img {width:100%;} /* 개요 */ .summary {clear:both;overflow:hidden;width:100%;padding:0;margin:0 0 7px 0;font-size:11pt;font-weight:700;line-height:2.0em;} .summary dt {float:left;width:20%;padding:5px 0;margin:0;text-align:center;color:#fff;background:url(/coding/sub1/images/bl_summary.png) no-repeat 50% 50%;} .summary dd {float:left;width:80%;padding:5px 0;margin:0;} .summary dd strong {font-size:18pt;font-weight:700;} .summary dd ul {padding:0 0 0 25px;margin:5px 0 0 0;} .summary dd ul li {font-size:9pt;font-family:dotum;font-weight:100;color:#666;} h3.stt, dl.stt dt {padding:5px 0 5px 5%;font-size:13pt;font-weight:700;background:url(/coding/sub1/images/bl_st.png) no-repeat 0 0;} /* 추진배경 */ h3.stt {clear:both;overflow:hidden;width:95%;margin:0 0 15px 0;} dl.stt {clear:both;overflow:hidden;width:100%;padding:0;margin:0 0 30px 0;} dl.stt dt {margin:0 0 10px 0;} dl.stt dd {padding:0;margin:0;} dl.ADR {clear:both;overflow:hidden;width:718px;padding:7px 0;margin:0 0 15px 0;font-family:dotum;border:1px solid #ddd;} dl.ADR dt {float:left;width:auto;padding:0 15px 0 0;margin:0 15px 0 15px;border-right:3px solid #ddd;} dl.ADR dd {float:left;width:auto;padding:0;margin:0;} #forumMeaning {width:100%;padding:5px 0;margin:0 0 30px 0;text-align:center;font-size:22pt;font-family:batang;font-weight:700;line-height:1.5em;color:#fff;background-color:#5C86D8; -moz-border-radius: 21px; /*모질라*/ -webkit-border-radius: 21px; /*웹킷*/ /*IE9+,FF4+,chrome,Safari5,+opera*/ border-radius: 10px; } /* modal */ .modal{display:none;border:solid 5px #999;width:500px;border-radius:10px;background:#fff;text-align:left;box-shadow:0px 0px 15px 5px #ccc;} .modal div.header{padding:10px;background:#999;color:#fff;} .modal div.body{padding:20px;line-height:1.6;background:#f9f9f9;border-top:solid 1px #ccc;border-bottom:solid 1px #ccc;} .modal div.footer{padding:10px;text-align:right;} .modal div.footer button{width:100px;} .modal div.c{position:relative;padding-left:140px;padding-top:5px;padding-bottom:5px;border-bottom:dashed 1px #ccc;} .modal div.c label.h, .modal div.c span.h{display:block;overflow:hidden;height:100%;line-height:3.0;position:absolute;left:0px;top:0px;width:130px;text-align:center;_left:-130px;font-weight:bold;color:#555;background:#f5f5f5;} .modal div.c div.v input, .modal div.c div.v button, .modal div.c div.v select{vertical-align:middle;} dl.speaker {clear:both;overflow:hidden;width:100%;padding:0 0 20px 0;margin:0 0 20px 0;border-bottom:1px dashed #ddd;} dl.speaker dt {padding:5px 0 5px 5%;margin:0 0 5px 0;font-size:13pt;font-weight:700;background:url(/coding/sub1/images/bl_st.png) no-repeat 0 0;} dl.speaker dd {padding:0;margin:0;font-family:dotum;font-size:9pt;line-height:1.8em;color:#666;text-align:justify;} dl.speaker dd img {width:100px;margin:0 15px 5px 0;} dl.speaker dd strong {font-weight:700;}