/* Çì´õ */
.wrap {width:100%; height:100%;}
.Header {width:100%; height:104px; box-sizing:border-box;}
.Header .GNB {width:100%; height:30px; border-bottom:1px solid #e7e7e7; box-sizing:border-box; background:#f9f9fa;}
.Header .GNB .QuickMenu {width:1100px; padding:7px 0px; margin:auto; text-align:right; font-size:0;}
.Header .GNB .QuickMenu li {display:inline-block; font-size:12px; color:#666; margin-left:45px;}
.Header .NAV {width:100%; height:74px; border-bottom:1px solid #cccccc; box-sizing:border-box; background:#fff;}
.Header .NAV .INNAV {width:1100px; margin:auto; position:relative;}
.Header .NAV .INNAV h1 {float:left; position:relative; top:13px;}
.Header .NAV .INNAV .SubMenu {float:left; position:relative; top:26px; font-size:0;padding-left:80px;}
.Header .NAV .INNAV .SubMenu li {display:inline-block; font-size:20px; color:#444; vertical-align:middle; font-weight:bold;padding-left:30px;}
.Header .NAV .INNAV .SubMenu li:hover {color:#4662a2;}
.Header .NAV .INNAV .SubMenu span {display:inline-block; margin:0px 35px; width:0px; height:0px; background:#8e8e8e; vertical-align:middle;}


/* ¸ÞÀÎ */
.MainArea {width:1100px; margin:auto; box-sizing:border-box;}
.MainArea .MainVisualBanner { width:100%; height:468px; box-sizing:border-box;}
.MainArea .MainVisualBanner li {display:block;}

/* ¸ÞÀÎ ·Ñ¸µ */
.main1 {width:100%; height:468px; background:url("../img/main_banner_20170213_2.png") no-repeat; padding:0;margin:0;}
.main2 {width:100%; height:468px; background:url("../img/main_banner_20170213_1.png") no-repeat; padding:0;margin:0;}
.btn {position:absolute; top:200px; left:50%; z-index:999; font-size:0;}
.btn .prev {margin-left:-550px;}
.btn .next {margin-left:1000px;}
.MainArea .MainContents {overflow:hidden; position:relative; margin-bottom:24px;}
.MainArea .MainContents .MainBoard {width:764px; float:left; min-height:200px;}
.MainArea .MainContents .MainBoard .MainNoticeArea {overflow:hidden;}
.MainArea .MainContents .MainMemberLab {background:#f3f3f3; width:303px !important; min-height:359px; max-height:359px; padding:22px 30px; box-sizing:border-box; float:right;}
.MainArea .MainContents .MainNotice {padding-top:22px; padding-left:5px; padding-right:25px; box-sizing:border-box; width:50%; height:205px; font-size:14px; color:#737373; display:inline-block; float:left;}
.MainArea .MainContents .MainNotice .head {overflow:hidden; color:#4e4e55; margin-bottom:10px; padding-bottom:15px; border-bottom:1px solid #e5e5e5; }
.MainArea .MainContents .MainNotice .head > .more {float:right; position:relative; top:4px;}
.MainArea .MainContents .MainNotice .head h3 {font-size:18px;}
.MainArea .MainContents .MainNotice li { line-height:30px; box-sizing:border-box; padding-left:12px; min-width:250px; max-width:250px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; float:left; font-size:14px; background:url("../img/board_li.png") 0px 15px no-repeat;}
.MainArea .MainContents .MainNotice li.alertNew::after {width:16px; height:16px; content:""; padding: 3px 10px; margin-left:5px; background:url("../img/iconNew.png") 0px 3px no-repeat; font-weight:bold;}
.MainArea .MainContents .MainNotice span {line-height:28px; font-size:13px; display:inline-block; float:right; }
.MainArea .MainContents .MenuLink {line-height:30px; position:relative; overflow:hidden; font-size:0;}
.MainArea .MainContents .MenuLink li {width:191px; height:154px; padding-top:110px; box-sizing:border-box; background-size:45% !important;  text-align:center; font-size:16px; color:#fff; font-weight:bold; display:inline-block; cursor:pointer;}
.MainArea .MainContents .MenuLink li:hover {opacity:.95;}
.MainArea .MainContents .MenuLink li.link01 {background:url("../img/iconlink01.png") 56px 25px  no-repeat #4c738b;}
.MainArea .MainContents .MenuLink li.link02 {background:url("../img/iconlink02.png") 56px 25px no-repeat #558171;}
.MainArea .MainContents .MenuLink li.link03 {background:url("../img/iconlink03.png") 56px 25px no-repeat #f26522;}
.MainArea .MainContents .MenuLink li.link04 {background:url("../img/iconlink04.png") 56px 25px no-repeat #e89205;}
.MainArea .MainContents .MainMemberLab .head {overflow:hidden; margin-bottom:15px;}
.MainArea .MainContents .MainMemberLab .head h3 {float:left; font-size:18px; color:#4e4e55;}
.MainArea .MainContents .MainMemberLab .head > div {font-size:0; float:right;}
.MainArea .MainContents .MainMemberLab .head > div > span {display:inline-block; margin-left:7px;}
.MainArea .MainContents .MainMemberLab .MainMemberLabList {overflow:hidden; width:222px; margin:0 15px;}
.MainArea .MainContents .MainMemberLab .MainMemberLabList .member li {vertical-align:top;}
.MainArea .MainContents .MainMemberLab .memberItem {display:inline-block; width:110px; height:286px; font-size:13px;}
.MainArea .MainContents .MainMemberLab .memberItem  h4 {min-width:90px; max-width:90px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; margin-bottom:12px;}
.MainArea .MainContents .MainMemberLab .memberItem:nth-child(even){ margin-left:18px;}
.MainArea .MainContents .MainMemberLab .member li {width:250px !important; min-height:280px !important;}
.MainArea .MainContents .MainMemberLab .member .memberItem:nth-child(n+2) {margin-bottom:0;}
.MainArea .MainContents .MainMemberLab .member li  p {color:#737373; overflow:hidden; font-size:12px; text-overflow:ellipsis; white-space:nowrap; margin-bottom:2px;}
.MainArea .MainContents .MainMemberLab .member .info {white-space:normal; height:50px; line-height:1.4;}
.MainArea .MainContents .MainMemberLab .member .thumb {width:110px; height:160px; box-sizing:border-box; border:1px solid #cecece; margin-bottom:15px;}
.MainArea .MainContents .MainMemberLab .member .thumb img {width:100% !important; height:100% !important;}
.Bulit a {width:13px; height:13px; background:url("../img/main_bulit.png") no-repeat; display:inline-block;}
.BulitActive {background:url("../img/main_bulit_active.png") no-repeat !important; }
.footer {width:100%; height:95px; background:#555; font-size:13px; color:#c2c2c2; text-align:center; box-sizing:border-box; padding:15px 0px; overflow:hidden;}
.footer p {line-height:22px;}
.footer p > span {margin:0px 5px;}


/* ¼­ºêÆäÀÌÁö °øÅë */
.SubTitleBg {width:100%; height:123px; position:absolute; background:#f6f6f6; box-sizing:border-box; border-bottom:1px solid #ddd;}
.ContentsWrap {width:1100px; margin:auto; overflow:hidden; position:relative;}
.LNB {width:199px; height:100%;  position:absolute; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.LNBtitle {width:100%; height:123px; padding-top:40px; box-sizing:border-box; background:url("../img/bg_lnb.png") no-repeat; #3f4445; text-align:center; color:#fff; font-size:32px; font-weight:bold;}
.LNB .LNBmenu li {font-size:14px; font-weight:bold; letter-spacing:-1px; color:#6e6e6e; display:block; width:100%; padding:15px 20px; border-bottom:1px solid #e0e0e0; box-sizing:border-box;}
.LNB .LNBmenu  li.lnbon {background:#858585; color:#fff;}
.LNB .LNBmenu  li.active {background:#858585; color:#fff;}
.LNB .LNBmenu  li.active:hover {background:#757575;}
.LNB .LNBmenu  li:hover {background:#858585; color:#fff;}
.LNB .LNBquick {font-size:0; margin-top:150px;}
.LNB .LNBquick li {width:50%; height:102px; cursor:pointer; box-sizing:border-box; text-align:center; padding-top:70px; font-size:14px; color:#fff; font-weight:bold; display:inline-block; background-size:50% !important;}
.LNB .LNBquick li.link01 {background:url("../img/iconlink01.png") 26px 18px  no-repeat #4c738b;}
.LNB .LNBquick li.link02 {background:url("../img/iconlink02.png") 26px 18px  no-repeat #558171;}
.LNB .LNBquick li.link03 {background:url("../img/iconlink03.png") 26px 18px  no-repeat #f26522;}
.LNB .LNBquick li.link04 {background:url("../img/iconlink04.png") 26px 18px  no-repeat #e89205;}
.ContentsWrap .Contents {float:right; width:861px; min-height:825px; line-height:1.6; letter-spacing:-1px; word-break:break-all;}
.ContentsWrap .Contents .SubTitle {width:100%; height:122px; box-sizing:border-box; padding-top:30px; background:url("../img/title_bg.png") top right no-repeat; position:relative;}
.ContentsWrap .Contents .SubTitle h3 {font-size:30px; margin-bottom:5px;}
.ContentsWrap .Contents .SubTitle p {font-size:13px;}
.ContentsWrap .Contents .SubTitle ul.SiteLocation {font-size:0; position:absolute; right:0; bottom:23px; display:block;}
.ContentsWrap .Contents .SubTitle ul.SiteLocation li {font-size:12px; height:15px; color:#696969; display:inline-block;}
.ContentsWrap .Contents .SubTitle ul.SiteLocation li:last-child {font-weight:bold;}
.ContentsWrap .Contents .SubTitle ul.SiteLocation .home {width:13px; height:11px; background:url("../img/icon_home.png") no-repeat; position:relative; top:2px;}
.ContentsWrap .Contents .SubTitle ul.SiteLocation span {display:inline-block; margin:0px 5px; font-size:12px; color:#696969;}
.ContentsWrap .Contents .SubContents {overflow:hidden; padding:50px 0px 40px 0px;}
.ContentsWrap .Contents .PageTitle {font-size:18px; font-weight:bold; color:#222; padding-left:20px; margin-bottom:30px; background:url("../img/icon_pagetitle.png") 0 12px no-repeat;}
.ContentsWrap .Contents .PageTitleIn {font-size:20px; font-weight:normal; color:#222; padding-left:20px; margin-bottom:40px; background:url("../img/bulitTitle.png") 0px 11px no-repeat;}
.ContentsWrap .Contents .BorderLine {margin:30px 0px 25px; height:1px; background:#d9d9d9;}
.ContentsWrap .Contents .StrapLine {font-size:16px; color:#333; font-weight:bold; padding-left:20px; background:url("../img/bulitSubtitle.png") 0 11px no-repeat;}
.imp {color:#ed1d1d; padding-left:10px;}


/* ·Î±×ÀÎ */
.wrap .SubContents .LoginForm {overflow:hidden; padding:90px 60px; margin-bottom:30px; background:#f6f6f6; border-top:2px solid #4f4f4f; border-bottom:1px solid #4f4f4f; box-sizing:border-box;}
.wrap .SubContents .LoginInputArea {float:left; overflow:hidden; width: 50%;}
.wrap .SubContents .LoginInputArea .LoginInputRow {display:block; vertical-align:middle; font-size:0;}
.wrap .SubContents .LoginInputArea .LoginInputRow > label {margin:0; padding:0; font-size:13px; font-weight:bold; color:#555; width:65px; display:inline-block;}
.wrap .SubContents .LoginInputArea .LoginInputRow .textbar {width:calc(100% - 85px);}
.wrap .SubContents .LoginInputArea .LoginInputRow .LoginOption {padding-left:65px; width:calc(100% - 85px); text-align: center;}
.wrap .SubContents .LoginInputArea .LoginInputRow .LoginOption li {display:inline-block; font-size:13px; color:#666; cursor:pointer;}
.wrap .SubContents .LoginInputArea .LoginInputRow .LoginOption span {width:1px; height:13px; position:relative; top:3px; background:#bbb; display:inline-block; margin:0px 12px;}
.wrap .SubContents .LoginConnect {float:right; overflow:hidden; font-size:13px; color:#666; width: 50%;}
.wrap .SubContents .LoginConnect .btnLogin{width: 100%;}
.wrap .SubContents .LoginFormBoard{width:47%; overflow:hidden; display:inline-block;}
.wrap .SubContents .LoginFormBoard .head {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ddd; overflow:hidden;}
.wrap .SubContents .LoginFormBoard .head h4 {font-size:18px; float:left;}
.wrap .SubContents .LoginFormBoard .head h4 a{font-size:18px;}
.wrap .SubContents .LoginFormBoard .head .more {width:17px; height:17px; float:right; position:relative; top:7px;}
.wrap .SubContents .LoginFormBoard .list li {box-sizing:border-box; color:#666; padding-left:12px; min-width:480px; max-width:480px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; display:inline-block; float:left; font-size:13px; color:#666; line-height:36px; background:url("../img/board_li.png") 0px 15px no-repeat;}
.wrap .SubContents .LoginFormBoard .list li a{text-align: left; display: inline-block; width: 100%; font-size: 16px;}
.wrap .SubContents .LoginFormBoard .list span {font-size:13px; color:#666; display:inline-block; float:right; line-height:36px; font-family: 'sans-serif';}


/* »çÀÌÆ®¸Ê */
.wrap .SubContents .SiteMap {position:relative; overflow:hidden; font-size:0;}
.wrap .SubContents .SiteMap .MapArea  {width:25%;  vertical-align:top; color:#222; text-align:center; margin-bottom:50px;  display:inline-block; background:url("../img/sitemap_vert.png") 0 100px no-repeat;}
.wrap .SubContents .SiteMap .MapArea:nth-child(n+5) {background:url("/img/sitemap_vert.png") 0px 46px no-repeat;}
.wrap .SubContents .SiteMap .MapArea dl { background:url("/img/icon_pagetitle.png") center 0 no-repeat; background-size:5px;}
.wrap .SubContents .SiteMap .MapArea dt {font-size:16px; font-weight:bold; padding:20px 0; margin-bottom:20px; background:url("../img/sitemap_line.png") center bottom no-repeat;}
.wrap .SubContents .SiteMap .MapArea dd {font-size:13px; color:#555; margin-bottom:15px;}
.wrap .SubContents .SiteMap .MapArea dd:hover {color:#e86767;}

/* ÇмúÇà»ç */
.wrap .SubContents .PaperSubmitArea {padding-left:20px; box-sizing:border-box;}	
.wrap .SubContents .PaperSubmitBox { width:100%;  box-sizing:border-box;border:1px solid #d9d9d9; background:#f6f6f6; text-align:center; padding:40px 100px; margin-top:30px;}
.wrap .SubContents .PaperSubmitBox > .select {width:100%; url("../img/select_arrow.png") no-repeat 95% 50% #fff; margin-bottom:26px;}
.wrap .SubContents .PaperSubmitMessage {position:relative; padding-top:140px; font-size:20px; text-align:center; border:1px solid #d9d9d9; width:100%; height:403px; box-sizing:border-box; background: url("../img/contest/bg_papersubmit.png") no-repeat;}
.wrap .SubContents .PaperSubmitMessage p {display:block;}
.wrap .SubContents .PaperSubmitMessage > div {width:41px; height:27px; position:absolute; top:30%; left:48%; background:url("../img/contest/icon_letter.png") no-repeat;}
.wrap .SubContents .PaperSubmitMessage strong {color:#12769f; font-weight:normal;}
.wrap .SubContents .PaperSubmitMessage h4 {color:#cd3939; margin-bottom:5px; font-weight:normal;}




/* ÇÐȸ°øÁö */
.MemberListArea {margin-left:-109.5px; font-size:0;}
.MemberListArea .MemberItem {margin-left:109px; margin-bottom:50px; width:214px; display:inline-block;}
.MemberListArea .MemberItem .thumb {width:216px; height:315px; background:#fafafa; border:1px solid #dfdfdf; box-sizing:border-box; cursor:pointer;}
.MemberListArea .MemberItem .thumb:hover {border:1px solid #39a2cd; }
.MemberListArea .MemberItem .thumb img {width:100%; height:100%;}
.MemberListArea .MemberItem .cont {font-size:13px; padding:0px 10px;}
.MemberListArea .MemberItem .cont > .row {display:block; margin:10px 0px;}
.MemberListArea .MemberItem .cont > .row .career {min-width:200px; max-width:200px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.MemberListArea .MemberItem .cont > .row .careerName {min-width:200px; max-width:200px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.MemberListArea .MemberItem .cont > .row .careerList {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; line-height: 22px; height:65px;}
.MemberListArea .MemberItem .cont .tit {display:table-cell; vertical-align:top; font-weight:bold; min-width:35px;}
.MemberListArea .MemberItem .cont .txt {display:table-cell; vertical-align:top; letter-spacing:-1px;}

.MemberViewTitle {overflow:hidden; padding-bottom:15px; border-bottom:1px solid #d9d9d9; margin-bottom:25px;}
.MemberViewTitle h3 {font-size:28px;}
.MemberViewArea {overflow:hidden; position:relative; padding:25px 0 35px 0; border-bottom:1px solid #d9d9d9; box-sizing:border-box; margin-bottom:35px;}
.MemberViewArea .thumb {width:216px; height:315px; background:#fafafa; border:1px solid #dfdfdf; box-sizing:border-box;}
.MemberViewArea .thumb img {width:100%; height:100%;}
.MemberViewArea .MemberCareerList {width:600px; float:right;}
.MemberViewArea .MemberCareerList .career {overflow:hidden; margin-bottom:35px; box-sizing:border-box; font-size:14px; color:#333; line-height:1.6;}
.MemberViewArea .MemberCareerList .career:last-child {margin-bottom:0;}
.MemberViewArea .MemberCareerList .career li { display:list-item; font-size:14px; margin-left:15px; line-height:24px; margin-bottom:5px; color:#333;}

/* ȸ¿ø°¡ÀÔ */
.wrap .SubContents .SignUpFooter {width:100%; text-align:center; padding:30px; border-top:2px solid #222; margin-top:10px; font-size:0;height:100%}
.wrap .SubContents .SignUpFooter input[type="button"] {margin:0px 10px;}
.wrap .SubContents .SignUpBox {width:500px; cursor:pointer; margin-bottom:15px; height:205px; display:inline-block; box-sizing:border-box; padding-top:120px; border-radius:10px; border:5px solid #ddd; font-weight:bold; color:#333; font-size:18px; text-align:center;}
.wrap .SubContents .SignUpBox.SignPersonMember {background:url("/img/member/bgPerson.png") 50% 65px no-repeat; float:left;}
.wrap .SubContents .SignUpBox.SignCorpMember {background:url("/img/member/bgCorp.png") 50% 65px no-repeat; float:right;}
.wrap .SubContents .rowTitle {overflow:hidden; vertical-align:middle; border-bottom:2px solid #222; margin-bottom:40px;}
.wrap .SubContents .rowTitle > .PageTitle {position:relative; top:12px;}
.wrap .SubContents .rowTitle > .StrapLine {position:relative; top:12px;}
.wrap .SubContents .SignUpStep {float:right; font-size:0; margin-bottom: 10px;}
.wrap .SubContents .SignUpStep li {width:151px; margin-left:-7px; height:47px; background:url("/img/member/img_step.png") no-repeat; display:inline-block; text-align:center; box-sizing:border-box; padding-top:12px; color:#fff; font-size:14px; font-weight:bold;}
.wrap .SubContents .SignUpStep li.active {background:url("/img/member/img_step_on.png") no-repeat;}
.wrap .SubContents .SignUpStep li.active:nth-child(n+1) {background:url("/img/member/img_step_on2.png") no-repeat;}
.wrap .SubContents .TermsBox {width:100%; height:170px; border:1px solid #ddd; overflow-y:scroll; box-sizing:border-box; line-height:1.8; padding:30px 20px; font-size:14px; margin-bottom:10px;}
.wrap .SubContents .TermsBox > b {display:block; margin-bottom:10px;}
.wrap .SubContents .TermsBox > p {color:#555; font-size:13px; margin-bottom:4px;}
.wrap .SubContents .SignUpComplete {width:861px; height:775px; padding-top:100px; background:url("/img/member/bgsignup.png") no-repeat; box-sizing:border-box; text-align:center; }
.wrap .SubContents .SignUpComplete > h3 {font-size:40px; color:#333;}
.wrap .SubContents .SignUpComplete > p {font-size:28px; color:#666;}
.FindAccount .FindAccountArea {padding:30px 20px; box-sizing:border-box;}
.FindAccount .FindAccountArea h4 {font-size:16px; display:block; margin-bottom:26px;}
.FindAccount .FindAccountArea .resultIDArea  {text-align:center; line-height:1.5; color:#555; height:153px; box-sizing:border-box; padding-top:36px;}
.FindAccount .FindAccountArea .resultIDArea .resultID {font-size:30px; color:#cd3939; display:block;}


/* ÀÔ·ÂÆû */
.SubmitForm {border-top:2px solid #4f4f4f; border-bottom:1px solid #4f4f4f; overflow:hidden; padding:25px 20px 22px 20px; margin-bottom:35px;}
.BoardViewColumn {width:100%;}
.BoardViewColumn .column { display:block;}
.BoardViewColumn .addColumn { height:50px;}
.BoardViewColumn .column .coltit {min-width:90px; background:#fff; height:50px; font-size:13px; color:#666;  font-weight:bold; display:table-cell;  vertical-align:middle; box-sizing:border-box;}
.BoardViewColumn .column .colcont {padding:8px 20px; font-size:13px; color:#666; display:table-cell; vertical-align:middle; box-sizing:border-box; position:relative;}
.BoardViewColumn .column .colcont .InputDiv {margin:0px 5px; cursor:default; color:#999;}
.BoardViewColumn .column .colcont ul {padding-left:0}
.BoardViewColumn .colcont .colInputCheck {font-size:0;}
.BoardViewColumn .colcont .colInputCheck li {margin-right:20px; font-size:0;}
.BoardViewColumn .colcont .colInputCheck li:last-child {margin-right:0;}
.BoardViewColumn .colcont .colInputCheck li > span {display:table-cell;  height:40px; font-size:13px;}
.BoardViewColumn .colcont .colInputCheck li > span label {display:block; vertical-align:top;}
.BoardViewColumn .column li {display:inline-block;}
.wrap .SubmitFormFooter {text-align:center;}
.wrap .SubmitFormFooter  li {display:inline-block; margin:0px 5px;}
.wrap .OtherFormFooter {padding-top:25px; border-top:1px solid #4f4f4f;}



/* ±âŸ */
.pTitle {font-size:16px; line-height:1.6; margin-bottom:25px; word-break:keep-all;}
.pText {font-size:14px; color:#666; line-height:1.6; margin-bottom:15px; word-break:keep-all; margin-left:20px; display:block;}
.pAlert {font-size:13px; color:#666;}
.pStrong {font-weight:bold; color:#666; text-align:right; font-size:14px;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb60 {margin-bottom:60px !important;}
.mb90 {margin-bottom:90px !important;}
.left { float:left;}
.right {float:right;}
.row {overflow:hidden; width:100%; margin-bottom:10px;}
.InfoList {font-size:15px; color:#666; margin-left:20px; display:block;line-height:25px;}
.InfoList li {display:block;line-height: 30px;padding-left: 12px;background: url(/img/board_li.png) 0px 15px no-repeat;}

li::marker{content: "";}
/* ¹öÆ° */
.button { font-family:"nanum gothic"; position:relative;  box-sizing:border-box; border:0; letter-spacing:-1px; cursor:pointer;}
.btnItem {width:100px; height:34px; color:#fff; position:relative; top:-1px;}
.btnItem:hover { background:#555;}
.btnOption {width:160px; height:35px; float:right; border-radius:3px; color:#fff; font-size:14px; font-weight:bold;}
.btnMain {background:#cd3939;}
.btnMain:hover {background:#a22c2c;}
.btnSub {background:#666;}
.btnSub:hover {background:#555;}
.btnOther {background:#b8b8b8;}
.btnOther:hover {background:#a1a1a1;}
.btnSubmit {font-size:16px; width:205px; height:44px; padding-right:80px; color:#fff; font-weight:bold;}
.btnMember {background:url("../img/btnSubmit.png") 170px 18px no-repeat #cd3939; margin-right:25px;}
.btnNonMember {background:url("../img/btnSubmit.png") 170px 18px no-repeat #12769f;}
.btnAddress {width:120px; height:34px; border:1px solid #aaa; color:#fff; background:#bbb; position:relative; top:-1px; margin-left:5px;}
.btnAddress:hover {background:#999;}
.btnFooter {width:238px; height:44px; font-size:16px; font-weight:bold; color:#fff;}
.btnAdd {text-indent:-9999; width:34px; height:34px; background:url("../img/btnAdd.png") no-repeat; margin-left:10px; position:absolute; top:8px; right:-28px;}
.btnStrong {color:#fff; font-weight:bold; font-size:18px; width:200px; height:72px;}
.btnLogin {border-radius:5px; font-size:24px; color:#fff; font-weight:bold; width:346px; height:64px;}
.btnPopup {color:#fff; font-weight:bold; font-size:16px; margin:0 0.5px; width:145px; height:55px;}

/* ÀÎDz */
.select {padding:0px 20px; width:150px; height:33px; position:relative; line-height:33px; font-size:13px; border: 1px solid #ccc; background: url("../img/select_arrow.png") no-repeat 95% 50% #fff; -webkit-appearance: none; -moz-appearance: none;appearance: none;position:relative; color:#666;}
.select:hover {border:1px solid #333;}
.selectTel {height:34px; line-height:34px; position:relative; top:-1px; border:1px solid #ddd; width:90px;}
/* IE 10, 11ÀÇ ³×ÀÌƼºê È­»ìÇ¥ ¼û±â±â */
select::-ms-expand { display: none;}
input[type="checkbox"] {position:relative; top:2px; border:1px solid #555;}
input[type="radio"] {position:relative; top:1px; border:1px solid #555;}
.radio {position:relative; top:3px;}
label {margin-left:5px; margin-right:15px;}
.textbar {height:34px; line-height:34px; background:#fff; border:1px solid #dddddd; box-sizing:border-box; padding:0px 15px; color:#666; font-size:13px; font-family:'³ª´®°íµñ','nanum gothic';}
.textbar:hover {border:1px solid #333;}
.txtCont {width:330px;}
.txtContDetail {width:600px;}
.txtTel {width:101px;}
.txtEmail {width:152px;}
.EmailSelectAddr {width:152px; height:34px; border:1px solid #ddd; position:relative; top:-2px;}
.txtSub {width:200px;}
.txtArea {width:650px; height:200px; padding:2px 15px;}
.txtAddrDetail {width:330px;}
.txtAddrDetail2 {width:225px; margin-left:5px;}
.txtFindIDPW {width:325px;}
.txtFindEmail {width:325px;}

/* ¸®½ºÆ® */
.BoardListForm {width:100%; overflow:hidden; font-size:0;padding-left: 0;}
.BoardListForm .BoardListLine {display:block; border-bottom:1px solid #eaeaea; text-align:center;}
.BoardListForm .BoardListLine:hover {background:#f9f9f9;}
.BoardListForm .BoardListHead {font-weight:bold; background:#fafafa; border-top:2px solid #333;}
.BoardListForm .BoardListBody .cell.ItemTitle {text-align:left; padding:0px 20px;}
.BoardListForm span.cell {display:table-cell; height:55px; box-sizing:border-box; padding:0px 20px; vertical-align:middle; font-size:13px;}
.BoardListForm span.cell.ItemNum {min-width:90px; max-width:90px; border-right:1px solid #eaeaea;}
.BoardListForm span.cell.ItemTitle {min-width:570px; max-width:570px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; border-right:1px solid #eaeaea;}
.BoardListForm span.cell.ItemDate {min-width:120px; max-width:120px;  border-right:1px solid #eaeaea;}
.BoardListForm span.cell.ItemViews {min-width:90px; max-width:90px;}
 

/* ÆäÀÌ¡ */
.BoardListFooter {width:100%; text-align:center;  margin:auto; padding:30px 0px; overflow:hidden; font-size:0;}
.BoardListFooter .BoardBtn { display:inline-block; vertical-align:top; margin:0px 5px; width:30px; height:30px; position:relative; text-align:center; box-sizing:border-box; }
.BoardListFooter .BoardBtnNum {display:inline-block; vertical-align:top; margin:0px 5px; width:30px; height:30px; padding-top:3px; position:relative; text-align:center; box-sizing:border-box;  font-size:13px; border:1px solid #d1d1d1;}
.BoardListFooter .BoardBtnNum.active {font-weight:bold; color:#fff !important; border:1px solid #808080 !important; background:#979797;}
.BoardListFooter .BoardBtnNum:hover {border:1px solid #808080; background:#979797; color:#fff; font-weight:bold;}
.btnNext {background-image:url("/img/num_next.png");}
.btnNext:hover {background-image:url("/img/num_next_hover.png");}
.btnPrev {background-image:url("/img/num_prev.png");}
.btnPrev:hover {background-image:url("/img/num_prev_hover.png");}


/* »ó¼¼ */
.BoardViewForm {width:100%; position:relative; font-size:0;}
.BoardViewForm .BoardViewTitle {display:block; font-size:18px; padding-bottom:20px; padding-left:20px; border-bottom:1px solid #ddd; box-sizing:border-box;}
.BoardViewForm .BoardViewRow {display:block; font-size:13px; border-bottom:1px solid #ddd;}
.BoardViewForm .BoardViewRow .cell {display:table-cell; vertical-align:middle; height:50px; box-sizing:border-box; border-right:1px solid #ddd;}
.BoardViewForm .BoardViewRow .cell.ItemTh {font-weight:bold; text-align:center; min-width:100px; max-width:100px;}
.BoardViewForm .BoardViewRow .cell.ItemCont {padding:0px 20px; min-width:542px; max-width:542px;}
.BoardViewForm .BoardViewRow .cell.ItemCont a:hover {text-decoration:underline;}
.BoardViewForm .BoardViewRow .cell.ItemDate {min-width:160px; max-width:160px; text-align:center; border-right:0;}
.BoardViewForm .BoardViewContents {min-height:412px; font-size:13px; box-sizing:border-box; padding:30px 20px; line-height:1.6; word-break:break-all; display:block; border-bottom:1px solid #eaeaea;}
.PaperViewMessage {position:relative; margin-top:30px; padding-top:40px; font-size:20px; text-align:center; border:1px solid #d9d9d9; width:100%; height:183px; box-sizing:border-box; background: url("../img/contest/bg_contest.png") no-repeat;}
.PaperViewMessage li {display:inline-block;}
.PaperViewMessage p {margin-bottom:25px;}
.BoardViewFooter {width:100%; padding:30px 0; text-align:right;}




/* Å×À̺íÆû */
.wrap .SubContents .tableForm{width:100%; border-collapse:collapse; border-top:2px solid #333; margin-bottom:40px;}
.wrap .SubContents .tableForm th {font-weight:bold; padding:10px; font-size:14px; border:1px solid #e5e5e5; background:#f8f8f8;}
.wrap .SubContents .tableForm td:first-child {border-left:0;}
.wrap .SubContents .tableForm th:first-child {border-left:0;}
.wrap .SubContents .tableForm th:last-child {border-right:0;}
.wrap .SubContents .tableForm td {font-size:13px; color:#666; text-align:center; padding:10px; border:1px solid #e5e5e5;}
.wrap .SubContents .tableForm td:first-child {border-left:0;}
.wrap .SubContents .tableForm td:last-child {border-right:0;}
.wrap .SubContents .tableForm td.tdTitle {font-size:14px; color:#1789b8; font-weight:bold;}
.wrap .SubContents .tableForm td.point {font-weight:bold; background:#e0f6ff;}




/* ½Åûµ¿ÀÇ */
.wrap .SubContents .terms_service {width:100%; margin-bottom:30px; overflow:hidden; font-size:14px; color:#666;}
.wrap .SubContents .terms_footer .terms_check {padding:0px 20px; font-size:13px; color:#333; border:1px solid #ddd; background:#fff; border-top:0px; overflow:hidden;}
.wrap .SubContents .terms_footer .terms_check .left {float:left;  padding:10px 0px 10px 0px;}
.wrap .SubContents .terms_footer .terms_check .right {float:right; padding:10px 0px 10px 20px;}
.wrap .SubContents .terms_policy {width:100%; position:relative; height:155px; font-size:14px; border:1px solid #ddd; background:#fff; overflow-y:scroll; padding:15px 20px; box-sizing:border-box; line-height:24px; overflow-y:scroll;}
.wrap .SubContents .terms_policy div {margin-top:20px;}
.wrap .SubContents .terms_policy div br {line-height:0; font-size:1px;}
.wrap .SubContents .terms_policy div b {color:#333; margin-left:0; margin-bottom:6px; display:block;}
.wrap .SubContents .terms_policy div ol {margin-left:20px;}
.wrap .SubContents .terms_policy div p {word-break:keep-all; line-height:1.4; font-size:13px;}
.wrap .SubContents .terms_policy div .blank {margin-left:34px; font-size:12px; margin-bottom:5px;}
.wrap .SubContents .terms_policy_box b {margin-bottom:10px; display:block;}
.wrap .SubContents .terms_policy_box p {font-size:14px; color:#333; line-height:30px; word-break:keep-all; }
.wrap .SubContents .terms_policy_box > div {margin-bottom:30px; border-bottom:1px dashed #ddd; padding-bottom:30px;}
.wrap .SubContents .terms_policy_box ol {margin-top:5px; padding-left:20px; display:block; list-style-type:decimal;}
.wrap .SubContents .terms_policy_box li {display:list-item; list-style-type:decimal; font-size:14px; line-height:30px;  word-break:keep-all; }


.AuthorList {width:460px; height:370px; border:1px solid #d2d2d2; padding:5px 20px; overflow-y: scroll;}
.AuthorList ul {padding-bottom:20px;}
.AuthorList li {width:100%; border-top: 1px solid #d2d2d2; padding-top:15px; margin-bottom:15px; font-size:13px; display:block;}
.AuthorList li:first-child {border:0;}
.AuthorList li:last-child{margin:0; padding-bottom:0;}


/* Æ˾÷ */
.AddrSearch {width:571px;background-color:#fff;}
.FindAccount {width:508px;}
.PopHead {width:100%; box-sizing:border-box; background:#64666b; padding:20px; font-weight:bold; font-size:24px; color:#fff;}
.ClosePop {position:absolute; right:35px; top:23px;}
.PopCont {width:auto; height:auto; overflow:hidden; padding:35px; box-sizing:border-box; letter-spacing:-1px;}
.PopupFooter {font-size:0;}



/* °ø¿ëÅÇ */
.TabForm { background:#fff; overflow:hidden; font-weight:bold;}
.TabForm li { float:left; background-color:#b8b8b8; width:50%; text-align:center; box-sizing:border-box; font-weight:bold;}
.TabForm li { display:inline-block; padding:15px 15px; cursor:pointer; font-size:14px; color:#fff;}
.TabForm li:hover {background:#a3a3a3;}
.TabForm li.on { background-color:#333; color:#fff; font-weight:bold;}
.TabForm li.on:hover { background-color:#222; }
.TabCon { clear:both; }
.TabCon p {line-height:1.6; font-size:13px;}
.TabCon > div {position:relative; display:none; height:auto; background:#fff;}

/* ±âŸ */
span[lang] {font-style:italic;}


.bottom{background:#464646;color:#fff;padding:30px 0px 60px;line-height:130%;margin:0 auto;width:100%; display: block; clear: both;}
.bottom .btext{margin-left:20%;}

.board {border-top:4px solid #0e7560; border-bottom:4px solid #0e7560; overflow-x:hidden;}
#board_contents {width:820px; padding:0px 40px 0px 40px;  float:right; padding-bottom:60px;}
#board_contents h2 {font-size:28px; color:#0f8069; }
.board {border-top:4px solid #164c84; border-bottom:4px solid #164c84; overflow-x:hidden;}
.board_contents {width:901px; border-left:1px solid #e1e1e1;  float:right;}

.board_title {width:100%; height:35px; padding:50px 0px; margin-bottom:40px;}
.sub_contents h3 {font-size:17px; margin-bottom:40px; font-weight:normal; line-height:28px;}
.article_wrap h3{margin-bottom: 0px !important;}
.sub_contents p {line-height:25px; font-size:12pt; color:#444;padding-top:10px;}
.sub_titlebg {width:100%; height:135px;background-color:#eaeaea; position:absolute; }
.sub_contents .p_desc {margin-top:40px;}
.sub_contents .p_desc2 {margin-top:20px;}

.sitestep {width:100%; padding:15px 0px 10px 0px; border-bottom: 1px solid #ddd; position:relative;}
.sitestep ul {text-align:right; margin-right:50px; color:#aeaeae;}
.sitestep span {width:7px; height:13px; background:url("/img/about/step_bulit.png") no-repeat; display:inline-block; position:relative; top:1px; margin:0px 3px;}

/* ???*/
.tab { background:#fff; overflow:hidden; font-weight:bold; }
.tab li { float:left; margin-left:5px; background-color:#f5f5f5;width:169px; text-align:center; box-sizing:border-box; }
.tab li { display:inline-block; padding:20px; cursor:pointer; }
.tab li.on { background-color:#435e99; color:#fff; }
.tab_con { clear:both; border-top: 1px solid #435e99; }
.tab_con dl {width:800px; margin-bottom:50px; padding-left: 40px; height:300px; }
.tab_con div {position:relative; display:none; height:auto; background:#fff; padding:30px 0px; background-image:url("/img/about/com_bg.png"); background-repeat:repeat-y; background-position:right;}
.tab_con dt { float:left;height:300px;  font-size:30px; text-decoration:underline;}
.dott{width:100%; height:100px;background-image:url("/img/about/com_bulit.png"); background-repeat:repeat-y; background-position:center; position:relative; top:15px;}
.tab_con dd {float:left; width:600px;  margin-left:40px; margin-bottom:15px; font-size:15px;}
.com_bg {position:absolute; right:0px; top:0px;}

.tab1 { background:#fff; overflow:hidden; font-weight:bold;}
.tab1 li { float:left; margin-left:5px; background-color:#f5f5f5;width:170px; text-align:center; box-sizing:border-box; margin-bottom:5px;}
.tab1 li { display:inline-block; padding:15px; cursor:pointer; }
.tab1 li.on { background-color:#2aa38a; color:#fff; }
.tab_con1 { clear:both; border-top: 1px solid #2aa38a; }
.tab_con1 > div {position:relative; display:none; height:auto; background:#fff; padding:30px 0px;  } 





/* ???? */
ul.tabs {background:#fff; overflow:hidden; font-weight:bold;}
ul.tabs li { float:left; background-color:#f5f5f5;width:219px; text-align:center; box-sizing:border-box; }
ul.tabs li { display:inline-block; padding:20px; cursor:pointer; color:#333;}
ul.tabs li.active {background-color:#2067af; color:#fff;}
.tab_container {border-top: 4px solid #2067af;clear: both; float: left;width: 100%;background: #FFFFFF;margin-top:-1px;}
.tab_content {position:relative; display:none; height:auto; background:#fff; padding:20px 0px; }
.tab_content h3 {font-size:16px; font-weight:normal;}
.tab_container .tab_content ul {width:100%;margin:0px;padding:0px;}
.tab_container .tab_content ul li {padding:5px;list-style:none;}
.tab_content h3 {font-size:16px; font-weight:normal;}
.tab_content .col_tit { font-size:16px; width:110px;}
.tab_content .pp_style {border-bottom: 1px solid #d2d2d2; padding-bottom:10px; margin-bottom:15px;}
.tab_content p {text-align:center; margin-bottom:15px;}

/* ????2 */
.tab1 { background:#fff; color:#2067af; overflow:hidden;}
.tab1 li { float:left; margin-left:5px; background-color:#fff;width:168px; margin-bottom:6px;  border:1px solid #ddd;text-align:center; box-sizing:border-box; font-size:15px;}
.tab1 li { display:inline-block; cursor:pointer; height:55px; padding-top:17px;}
.tab1 li.on { background-color:#fff; border:5px solid #2067af; padding-top:13px;color:#2067af;font-size: 15px;}
.tab_con1 { clear:both; margin-top:40px;}
.tab_con1 h3 {font-size:17px; margin-bottom:40px; font-weight:normal; line-height:28px;}
.tab_con1 div {position:relative; display:none; height:auto; background:#fff; padding:30px 0px;  }

/* ???? 3 */
.tab { background:#fff; overflow:hidden; font-weight:bold; }
.tab li { float:left; margin-left:5px; background-color:#f5f5f5;width:169px; text-align:center; box-sizing:border-box; }
.tab li { display:inline-block; padding:20px; cursor:pointer; }
.tab li.on { background-color:#2067af; color:#fff; }
.tab_con { clear:both; border-top: 4px solid #2067af; }
.tab_con div {position:relative; display:none; height:auto; background:#fff; padding:30px 0px;  }

/* ???? 4 */
.tab2 {margin: 0;padding: 0;float: left;width: 100%;font-size:16px; border-bottom:5px solid #2067af; border-left:1px solid #b2b2b2; margin-top:-5px;}
.tab2 li { float:left;  color:#2067af;width:190px; text-align:center; border:1px solid #b2b2b2;border-bottom:none; border-left:none;box-sizing:border-box; }
.tab2 li { display:inline-block; padding:20px 10px; cursor:pointer; position:relative; bottom:-5px; left:-1px; overflow:hidden; }
.tab2 li.on { background: #fff;border-bottom:0; border-left: 5px solid #2067af;  border-top:5px solid #2067af; border-right: 5px solid #2067af; font-weight:bold; position:relative; bottom:-5px;}
.tab_con2 { clear:both; }
.tab_con2 div {position:relative; display:none; height:auto; background:#fff; padding:30px 0px; margin-top:100px;}