@charset "utf-8";

/* CSS Document */


* {margin:0; padding:0;}
body {height:100%; color:#666666; font-family:"Nanum Gothic",나눔고딕,돋움,"AppleGothic","sans-serif"; background-color:#ffffff; overflow-x:hidden; padding:0;}/* font-size:12px; */
body, div, ul, ol, dl, p, td, th, input, textarea, select {font-family:"Nanum Gothic",나눔고딕,돋움,"AppleGothic","sans-serif";}
body, div, ul, ol, li, dl, dt, dd, p, input, textarea, select, h1, h2, h3, h4, h5, h6, em, address, fieldset, form, iframe, object, pre, code, legend, blockquote, th, td, button {margin:0; padding:0; -webkit-text-size-adjust:none;}
ul, ol {list-style:outside none none;}
img, fieldset, iframe {border:medium none;}
form {display:inline;}
select {height:18px; border:1px solid #e3e3e3;}

dl,ul,ol,menu,li{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}

/* select, textarea{vertical-align:middle;} */
input, select, textarea{vertical-align:middle;}
input, label {border: 0 none; vertical-align: middle;}
textarea{width:100%; height:80px; font-size: 14px; border: 1px solid #dedede; border-radius: 2px; box-sizing: border-box;}



fieldset,img,button{border:0 none;vertical-align:top;}
button{overflow:visible;margin:0;padding:0;border:0;background:none;cursor:pointer;}
button::-moz-focus-inner{padding:0;border:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
strong, em {font-size:inherit; line-height:inherit;}
table{border:0;border-collapse:collapse;vertical-align:top;}
html{width:100%; height:100%;}
body{min-height:100%; background:#fff;}
a{color:#767676; text-decoration:none; cursor:pointer;}
/* a:focus,a:active,a:hover,a:focus{color:#767676; text-decoration:underline;} */
::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
legend, hr {display:none;}
/* html[xmlns] .clearfix {display:block;} */
.indent {width:0; height:0; font-size:0; line-height:0; text-indent:-10000px; position:relative; display:block;}

/*input*/
input[type='text'], input[type='password'], input.input{padding:1px 2px;border:1px solid #cdcdcd;font-size:16px;}
.check, .radio{border:none !important;margin-top:-3px;}
input[type='checkbox']{width:13px;height:13px;vertical-align:middle; -webkit-appearance:checkbox;}


/* common */
.blind,caption span{overflow:hidden; position:absolute; top:0; left:0; width:0; height:1px; font-size:0; line-height:0; white-space:nowrap; *text-indent:-999em;}
#skip{height:0;}
#skip a{display:block; position:absolute; left:0; top:-100px; width:100%; height:1px; text-align:center;}
#skip a:focus,#skip a:active{position:absolute;top:0;z-index:120;height:35px;padding:10px 0 0;background:#fa2828;color:#fff;font-size:1.4em;font-weight:bold;}
.em{font-weight:bold;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}


/* layout */
.TOPWrap {width:100%; min-height:100%; margin:0 auto; position:relative;}
.wrap {width:1000px; margin:0 auto; position:relative;}
.wrap:after {clear:both; content:""; display:block;}
     /*.wrap {width:100%; min-height:100%;}*/

     /*#header{*zoom:1;}*/
#header:after{overflow:hidden; display:block; clear:both; content:'';}

#footer{border-top:1px solid #f5f5f5; background:#000;}
#footer .wrap{width:760px; text-align:center; margin:0 auto; padding:40px;}


/* header */
#header .logo a {width:230px; height:105px; background:rgba(0, 0, 0, 0) url("../images/logo_t.png") no-repeat scroll left top; display:block; overflow:hidden; text-indent:-999px;}
/* #header .logo a {width:249px; height:57px; background:rgba(0, 0, 0, 0) url("/images/logo_t.png") no-repeat scroll left top; display:block; overflow:hidden; text-indent:-999px;} 서울호서경비원교육센터 로고 */
/* .header {border-bottom:2px solid #444444;} border-bottom:1px solid #d9d9d9; */
.header {position:relative;}
.header_top {width:100%; background:#000 none repeat scroll 0 0; border:0; position:fixed; top:0; left:0; z-index:90;}/*border-bottom:1px solid #d9d9d9;*/
#header_top:after {clear:both; content:""; display:block; overflow:hidden;}

.logo {float:left; margin:0;}
.gnbMenu_wrap{width:990px; height:105px; margin:0 auto; overflow:hidden; position:relative;}
.header .gnbMenu{float:right; position:absolute; top:40px; right:0;}/* width:430px; */
.header .gnbMenu:after{content:""; display:block; clear:both;}
/* .header .gnbMenu li{width:133px; position:relative; float:left; font-size:20px; font-weight:normal;} */
.header .gnbMenu li{float:left; font-size:18px; font-weight:normal; position:relative; margin:0 15px;}
.header .gnbMenu li a{height:60px; text-align:center; color:#fff; text-align:center; position:relative; display:block;}
.header .gnbMenu li a:hover span,
.header .gnbMenu li.on a span{display:inline-block; height:61px; border-bottom:3px solid #ee2356; font-size:18px; font-weight:bold;}


/* container */ 
#container {background:#edf0f0 url("../images/visual_top_2024.png") no-repeat scroll 50% 0;}
#container {width:100%; margin-top:105px; background-color:#ebecec; padding-bottom:195px; position:relative;}
.visual_area {height:460px; position:relative;}
.container {width:990px; padding:0; position:relative; margin:0 auto;}
.container::before, .container::after {content:" "; display:table;}
.container::after {clear:both;}
.visual_area .container {height:387px;}
/* background-image:url("../images/model_2017/visual_title.png"); background-repeat:no-repeat; background-position:50%; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px; padding-top:74px; */
.sr_only{width:1px; height:1px; clip:rect(0px, 0px, 0px, 0px); border:0 none; margin:-1px; padding:0; overflow:hidden; position:absolute;}

.content_view .header{min-height:90px; background-color:#fff; padding:40px 35px 20px; position:relative;} /* border-bottom:1px solid #d4d6d6; border-radius:10px 10px 0 0; */
.content_view .header .menuTitle{width:200px; margin:0 auto;}
.content_view .header .menuTitle2{width:380px; margin:0 auto;}
.content_view .header .menuTitle3{width:245px; margin:0 auto;}
.content_view .header .menuTitle4{width:400px; margin:0 auto;}
.content_view .header h2 {font-size:48px; color:#000; background:rgba(0, 0, 0, 0) url("../images/title_bar.jpg") no-repeat scroll left top; padding-top:15px;}

.content_view .body {background-color:#fff; padding:0 35px 35px;} /* border-radius:0 0 10px 10px; */


/* 참가신청 */
*::-moz-selection {color:#fff; background:#de4e7d none repeat scroll 0 0;}

.tbl_top {width:100%; overflow:hidden;}
.tbl_top .f_right {float:right;}
.essen_desc {padding:0 0 10px;}
.point_c1 {color:#F05A89;}



.data_write {width:100%; border-top:1px solid #45505a; margin:0;}
table {font-size:14px; border:0 none; border-collapse:separate; border-spacing:0; margin:0; padding:0;}

.data_write tbody th {color:#464646; font-family:"NBG-light"; text-align:left; line-height:22px; background:#f3f3f3 none repeat scroll 0 0; border-bottom:1px solid #dedede; padding:18px 10px 15px 36px; position:relative; vertical-align:top;}

.data_write tbody th .essen::before {color:#f05a89; font-size:12px; content:"*"; padding:0 2px 0 0;}
.data_write tbody th .essen {font-size:0; position:absolute; top:18px; left:24px;}
.data_write tbody td {border-bottom:1px solid #dedede; padding:7px 17px;}

.data_write tbody td .sect_wrapper .achk:first-child {margin: 0;}
.data_write tbody td .sect_wrapper .achk {margin: 0 0 0 22px;}

.data_write tbody td .text:first-child {margin:0;}
.data_write tbody td .text {margin:0 0 0 6px;}

.passedList {width:100%; border-top:1px solid #45505a; margin:0;}
table {font-size:14px; border:0 none; border-collapse:separate; border-spacing:0; margin:0; padding:0;}

.passedList tbody th {color:#464646; font-family:"NBG-light"; text-align:center; line-height:15px; background:#f3f3f3 none repeat scroll 0 0; border-bottom:1px solid #dedede; padding:18px 0 15px 0; position:relative; vertical-align:top;}

.passedList tbody th .essen::before {color:#f05a89; font-size:12px; content:"*"; padding:0 2px 0 0;}
.passedList tbody th .essen {font-size:0; position:absolute; top:18px; left:24px;}
.passedList tbody td {border-bottom:1px solid #dedede; padding:7px 17px;text-align:center}

.passedList tbody td .sect_wrapper .achk:first-child {margin: 0;}
.passedList tbody td .sect_wrapper .achk {margin: 0 0 0 22px;}

.passedList tbody td .text:first-child {margin:0;}
.passedList tbody td .text {margin:0 0 0 6px;}

.sect_wrap {padding: 0 0 0 31px; position: relative;}

.sect_wrap .design {width: 31px; height: 24px; background: rgba(0, 0, 0, 0) url("../images/radio_off.png") no-repeat scroll 0 0; top: -4px;}
.sect_wrap .design {vertical-align: middle; position: absolute; left: 0; z-index: 3;}
.sect_wrap .design.on {background: rgba(0, 0, 0, 0) url("../images/radio_on.png") no-repeat scroll 0 0;}

.sect_wrap .input {width: 31px; height: 22px; top: -4px;}
.sect_cover .input {background: transparent none repeat scroll 0 0; cursor: pointer;  position: absolute; left: 1px; opacity: 0; z-index: 4;}

input.text {height:38px; color:#464646; font-size:14px; line-height:38px; border:1px solid #dedede; border-radius:2px; box-sizing:border-box; padding:0 13px;}

select.selectbox {height:38px; color:#464646; font-size:14px; line-height:38px; border:1px solid #dedede; border-radius:2px; box-sizing:border-box; padding:0 0 0 13px;}

.photo_btn {min-width:85px; height:38px; font-size:14px; line-height:38px; text-align:center; border-radius:2px; box-sizing:border-box; cursor:pointer; display:inline-block; padding:0 12px; vertical-align:middle;}
.data_write tbody td .text + .photo_btn {margin:0 0 0 6px;}
.btn_white {color:#464646; background:#fff none repeat scroll 0 0; border:1px solid #989898;}

.btn_wrap {font-size: 0; text-align: center; margin: 50px 0 0; z-index: 10;}
.btn_wrap::after {clear: both; content: ""; display: block;}
.btn_wrap a:first-child {margin: 0;}
.btn_wrap a {margin: 0 0 0 20px;}
.btn_pink {color: #fff; background: #e95283 none repeat scroll 0 0; border: 1px solid #e95283;}
.l_btn {min-width: 250px; height: 63px; text-align: center; font-size: 20px; font-weight:bold; line-height: 63px; border-radius: 90px; box-sizing: border-box; cursor: pointer; display: inline-block; padding: 0 30px; vertical-align: middle;}

.file_input_textbox {
    float:left;
}
.file_input_div {
    position:relative;
    width:300px;
    height:38px;
    overflow:hidden;
}
.file_input_img_btn {
    padding:0 0 0 5px;
	margin-left:10px;
}
.file_input_hidden {
    font-size:1000px;
    position:absolute;
    right:0px;
    top:0px;
    opacity:0;
    filter: alpha(opacity=0);
    -ms-filter: alpha(opacity=0);
    cursor:pointer;
}


/* 지난 대회 수상자 */

.tab_block.double {margin-bottom: 25px;}
.tab_block ul::after {clear: both; content: ""; display: block;}

.tab_block.double ul li {margin-bottom: 4px;}
.tab_block .divide_5 li {width: 25%;}
.tab_block li:first-child {padding-left: 0;}
.tab_block li {float: left; text-align: center; box-sizing: border-box; padding-left: 4px;}


.tab_block li a {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedede;
    box-sizing: border-box;
    display: block;
    height: 34px;
    line-height: 33px;
    width: 100%;
}
.tab_block li a.on, .tab_block li a:hover {color: #fff; font-weight:700;
    background: #ef2356 none repeat scroll 0 0;
    border: 1px solid #ef2356;
    
}


.tab_block li > a.on, .tab_block li > a:hover {
    background: #ef2356 none repeat scroll 0 0;
    border: 1px solid #ef2356;
}

.award_list ul li{text-align: center; margin:0 0 10px; }
.award_list ul li::after {clear: both; content: ""; display: block;}








/* footer */
.copyright {color:#eeeeee; font-family:verdana,Dotum,"돋움",Arial; font-size:16px; margin-top:15px;}
.copyright a {color:#eeeeee; text-decoration:underline;}


/* 페이징 */
.paging {margin:30px 0 0; text-align:center;}
.paging a {display:inline-block; min-width:24px; height:28px; padding:0 3px; line-height:28px; font-size:14px; color:#888; border:1px solid #e5e5e5; vertical-align:top;}
.paging a.on {color:#222; font-weight:bold;  border:1px solid #222;}
.paging a.btnFirst {width:36px; height:30px; padding:0; border:none; background:url('/images/paging_first.gif') no-repeat left top;}
.paging a.btnPrev {width:30px; height:30px; padding:0; border:none; margin:0 10px 0 0; background:url('/images/paging_prev.gif') no-repeat left top;}
.paging a.btnNext {width:30px; height:30px; padding:0; border:none; margin:0 0 0 10px; background:url('/images/paging_next.gif') no-repeat left top;}
.paging a.btnLast {width:36px; height:30px; padding:0; border:none; background:url('/images/paging_last.gif') no-repeat left top;}


/*기타*/
.b{font-weight:bold;}
.lineh25{line-height:25px;}
.pdt120{padding-top:120px;}
.pdr10{padding-right:10px;}
.pdl10{padding-left:10px;}
.pd10{padding:10px;}
.mgt7{margin-top:7px;}
.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgt36{margin-top:36px;}
.mgt38{margin-top:38px;}
.mgt40{margin-top:40px}
.mgl15{margin-left:15px;}
.mgl30{margin-left:30px;}
.mgr38{margin-right:38px;}
.mgb40{margin-bottom:40px;}
.mgr_6{margin-right:6px;}

.flleft{float:left;}
.l{text-align:left;}
.r{text-align:right;}
.c{text-align:center;}

input.w25 {width:25%;}
input.w52 {width:52%;}
input.w70 {width:70%;}

.tx14{font-size:14px; color:#363636; line-height:20px; letter-spacing:-1px;}
.tx12{font-size:12px; color:#7d7d7d; line-height:20px; letter-spacing:-1px;}
.tx16{font-size:16px; color:#6c6c6c; line-height:24px; letter-spacing:-1px;}
.tx30{font-size:30px; color:#333333;}




.introPart_act::after {
    clear: both;
    content: "";
    display: block;
}
.introPart_act {
    height: 255px;
    background: #fff;
}
.introPart_act .inner_act {
    width: 1028px;
    margin: 0 auto;
        margin-bottom: 0px;
    margin-bottom: 0px;
}
.introPart_act .part_act {
    float: left;
    position: relative;
}
.introPart_act .part_act .text {
    width: 227px;
    height: 65px;
    padding: 13px;
    box-sizing: border-box;
    position: absolute;
    bottom: 0;
    left: 0;
}

.introPart_act .inner_act .part_act .text {
    background: rgba(72, 40, 75, 0.9);
}
.introPart_act .inner_act .part_act .text.two {
    background: rgba(91, 31, 17, 0.9);
}
.introPart_act .inner_act .part_act .text.three {
    background: rgba(12, 55, 93, 0.9);
}
.introPart_act .inner_act .part_act .text.four {
    background: rgba(28, 101, 34, 0.9);
}

.introPart_act .part_act .text strong {
    font-size: 15px;
    color: #ffffff;
    display: block;
}
.introPart_act .part_act .text span {
    font-size: 12px;
    color: #fff;
    line-height: 1.3em;
    display: block;
    margin-top: 4px;
}