@charset "utf-8";

/* CSS Document by Lee jae ho.
    image root : /contest/contest_img/
*/

/* common css */
*{ font-family:"돋움", "맑은 고딕";}
body { padding-top:0;}
.clear { clear:both; }
.hide { display:none; }
.ellipsis{
    white-space:nowrap;
    text-overflow:ellipsis;     /* IE, Safari */
    -o-text-overflow:ellipsis;      /* Opera under 10.7 */
    overflow:hidden;            /* "overflow" value must be different from "visible" */ 
}
.textShadow_mainNavi {text-shadow: 2px 2px 1px #000;}

/* layout */
#wrap { width:1000px; margin:0 auto; position: relative; background:url(/contest/contest_img/main_visual.jpg) no-repeat center -91px; height:549px; *height:553px; }

/* top */
#top #logo { display:inline; width:148px; float:left; margin-top:10px; }
#top #sitemap { text-align:right; margin:10px 0 10px 0; font-size:.8em; color:#999; }
#top #sitemap a{color:#999; text-decoration:none;}

    /* navigation */
    #navi { float:right; position:absolute; z-index:1000; right:0;}
    #navi li { display:block; float:left; width:140px;height:43px; text-align:center; background:url(/contest/contest_img/navi_bg.jpg) no-repeat bottom;}
    #navi li a { display:block;font-size:13px; font-weight:bold; width:140px; height:29px; padding-top:14px; color:#FFF; text-decoration:none; letter-spacing:-1px;}
    #navi li a {text-shadow: -1px -1px 0px #036;}
    #navi li a:hover { color:#fff798;}
    #navi ul ul { display:none}
    #navi ul ul ul{ display:none; margin-left:140px; margin-top:-39px;}
    #navi ul li:hover ul { display:block; }
    #navi ul li:hover ul ul{ display:none; }
    #navi ul li:hover li.threeDepth { background:url(/contest/contest_img/icon_pt.png) no-repeat 125px 9px #005596 ;}
    #navi ul li:hover li.threeDepth:hover ul { display:block;}
    #navi li li{ background:none;float:none; background-color:#005596; border-top:solid 1px #126cb0; height:24px; 
                 margin-top:0px; padding-top:8px; width:140px; margin-left:0;}
    #navi li li, #navi li li li{
        background: #005596; /* Old browsers */
        background: -moz-linear-gradient(top,  #005596 0%, #045da1 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005596), color-stop(100%,#045da1)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #005596 0%,#045da1 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #005596 0%,#045da1 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #005596 0%,#045da1 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #005596 0%,#045da1 100%); /* W3C */
        /* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005596', endColorstr='#045da1',GradientType=0 ); IE6-9 */
    }
    
    #navi li ul a{display:block;height:30px;font-weight:normal;font-size:12px; padding-top:0; line-height:1.6;}
    #navi li:hover{ background-position:top; }

/* visual */
#visual img.mainVisual_man { position:absolute; top:-164px; left:-148px; }
#visual { top:300px;border:solid 1px #CCC; position:relative; width:800px; height:170px; left:195px; background-color:#fff; border-bottom:0; }

    /* board box */
    #visual #boardBox { display:block; float:left; margin:28px 0 0 130px; width:350px;}
    #visual #boardBox #tapBox{ width:100%;}
    #visual #boardBox #tapBox ul { border-bottom:1px solid #ccc; height:20px;}
    #visual #boardBox #tapBox p{ margin-left:-9999px;}
    #visual #boardBox #tapBox li { float:left; overflow:hidden; margin-bottom:5px;}
    #visual #boardBox #tapBox li.news { background:url(/contest/contest_img/tap_info.jpg) no-repeat center -0px; width:51px; height:14px; margin-right:20px;/*margin-right:258px;*/}
    #visual #boardBox #tapBox li.pds { background:url(/contest/contest_img/tap_pds.jpg) no-repeat center -15px ; width:51px; height:14px; margin-left:20px; margin-right:160px; }
    #visual #boardBox #tapBox li:hover { cursor:pointer; }
    #visual #boardBox #tapBox img.bar { cursor:default;}
    #visual #boardBox #tapContants_news ul, #visual #boardBox #tapContants_pds ul { margin-top:3px; *margin-top:7px; float:right;}
    #visual #boardBox #tapContants_news ul:first-child, #visual #boardBox #tapContants_pds ul:first-child { float:left;}
    #visual #boardBox #tapContants_news li, #visual #boardBox #tapContants_pds li { font-size:.71em; line-height:2; color:#666;}
    #visual #boardBox #tapContants_news li .ellipsis, #visual #boardBox #tapContants_pds li .ellipsis { width:285px;}
    #visual #boardBox #tapContants_news li a, #visual #boardBox #tapContants_news li a:link, #visual #boardBox #tapContants_news li a:visited,
    #visual #boardBox #tapContants_pds li a, #visual #boardBox #tapContants_pds li a:link, #visual #boardBox #tapContants_pds li a:visited { text-decoration:none;color:#333;}

    /* banner box */
    #visual #bannerBox { float:right; margin:8px 30px 0 0px;}
    #visual #bannerBox ul {}
    /*#visual #bannerBox ul li:first-child { background:url(/contest/contest_img/banner_visitBg.jpg) no-repeat; width:184px; height:50px; font-size:.75em;color:#fff; letter-spacing:-1px;}*/
    #visual #bannerBox ul li { margin-bottom:3px;}
    #visual #bannerBox ul li p { padding-left:10px;}
    #visual #bannerBox ul li p:first-child { line-height:2; color:#fff; padding-top:5px;}
    #visual #bannerBox ul li p span { font-weight:bold; letter-spacing:0px;}

/* footer */
#footBox { width:100%; border-top:solid 1px #CCC; position:relative; }
#footBox img { float:left;}
#footBox #footer { margin:0 auto; width:1000px; margin-top:15px; }
#footBox #addressBox { float:left;}
#footBox #addressBox p { font-size:.7em; color:#999; margin-left:15px; line-height:2;}
#footBox #addressBox p.copyright { color:#CCC; margin-top:0px;line-height:.6;}

/* pagelist */
.pagelist {  width:100%; text-align:center; margin-top:30px; }
.pagelist a.next2 { padding:0px; border:1px solid #bdbdbd; background:url("/each/common/images/plistNext2.gif") 10px 10px no-repeat;  width:26px; height:26px;}
.pagelist a.next { padding:0px; border:1px solid #bdbdbd; background:url("/each/common/images/plistNext.gif") 10px 10px no-repeat;  width:26px; height:26px;}
.pagelist a.prev { padding:0px; border:1px solid #bdbdbd; background:url("/each/common/images/plistPrev2.gif") 10px 10px no-repeat;  width:26px; height:26px;}
.pagelist a.prev2 { padding:0px; border:1px solid #bdbdbd; background:url("/each/common/images/plistPrev.gif") 10px 10px no-repeat;  width:26px; height:26px;}
.pagelist a { display:inline-block; padding:0 7px; height:26px; line-height:28px; text-align:center; font-size:12px; border:1px solid #bdbdbd; vertical-align:top; }
.pagelist a.selected { background:#535353; color:#fff; }
.pagelist a.selected:hover { color:#fff; }
.pagelist a:hover, .content .pagelist a:active { color:#0057a1; font-weight:bold; text-decoration:underline;}
/* 가인 대회 휴대폰 인증 tab*/
.tabulbox{margin: 25px 0 40px;position: relative;}
.tabul{margin-top: 20px;overflow: hidden;}
.tabul>li{float: left;width: 25%;background-color: #f2f2f2;border-top: 1px #c9c9c9 solid;border-right: 1px #c9c9c9 solid;}
.tabul>.li_on{background-color: #FFF;border: 2px #3a4652 solid;border-bottom: 1px #FFF solid;}
.tabul a{color: #666666;font-size: 12px;font-family:"돋움";display: block;height: 40px;line-height: 40px;text-align: center;}
.bar{width: 100%;height: 2px;background: #3a4652;display: block;position: absolute;bottom: 0;z-index: -1;}
.firstli{border-left:1px #c9c9c9 solid;}
.tab_contents{display: none;}
.tab_on{display: block;}
.btn1f8{display:block; width:134px; height:25px; background:#666; color:#fff; font-weight:bold; border-radius:25px; line-height:30px; text-align:center; margin:0 auto;}
/* 2022.09.05, 양우정 [22A-SCW-0093] 가인법정변론대회 보안진단 결과에 따른 시정조치 - 자동입력방지문자(캡차(CAPTCHA)) 도입 */
.breakDiv { display:inline-block; margin:2px; padding:0px;}
.blueBtn { display:inline-block; background:#f4f4f4; color:#898989; font-size:13px; height:30px; padding:0px 25px; margin-left:3px; line-height:30px; }

