@charset "utf-8";

body		{ font-family: 'NanumSquare', sans-serif; background:#000;}
.normal		{ font-weight: 400 }
.bold		{ font-weight: 700 }
.bolder		{ font-weight: 800 }
.light		{ font-weight: 300 }

body { font-size:16px}



.d3 {transform:none !important; text-align:center; color:#fff;}
.d3_1 {position:relative; display:flex; flex-direction: row; justify-content: center;}
.d3_1 img {height:auto;}
.d3_1_left {margin:0 40px 0 0; max-width:560px; overflow:hidden;}
.d3_1_right {max-width:560px; overflow:hidden;}
.d3_1 h1 {background:#212020; font-weight: 100; font-size:30px; padding:20px;}
.d3_1 h2 {font-size:22px; padding:20px 40px; text-align: left;}
.d3_1 p {font-size:18px; text-align:left; padding:0 40px; font-weight: 100;}

.d3_1_bottom {display:flex; justify-content: space-around; border-top:1px solid #5d5d5d; padding-top:10px;}
.d3_1_bottom img {width:70px !important;}
.d3_1_bottom p {padding:0 !important; }
.d3_1_bottom h2 {text-align: center !important;}
.d3_1_bottom>div {width:30%;}
.w1025 .d3_1_bottom {width:1160px; }
.w1025 .d3_1_bottom>div {margin:0 20px;}
.w1025 .d3_1_bottom p {font-size:16px !important; line-height: 24px;}
.w767 .d3_1_bottom {justify-content: space-around;}
.w767 .d3_1_bottom>div {width:45%}

.d3_2 {background:url('http://comter.peopleweb.biz/data/editor/2305/c321a93855006c0c6fb692ee904f99d4_1684896255_3882.jpg') no-repeat center; background-size:cover;padding:80px;}
.d3_2 h1 {font-size:30px; padding:20px 0; font-weight: 800;}
.d3_2 p {font-size:18px}
p, a, h1, h2, h3, h4, h5, h6, span, ul, li {font-family: 'NanumSquare', sans-serif ; transform: skew(-0.1deg);}
.more_opt li {width:115px}

/*header*/
#hd_fixed {position:absolute; top:0; left:0; width:100%; min-width:1200px; background:#000; z-index:999999;}
#hd {background:#000;}
#hd_wrapper {height:90px;}
#logo img {height:30px;}
#logoImgM {display: none}
@media all and (max-width:300px) {
    #logoImg {display:none}
    #logoImgM {display: block}}

/*메뉴*/
#gnb #gnb_1dul {font-size:15px;}
#gnb {background:none;}
#gnb #gnb_1dul {border:0; position: absolute; top:20px; right:0;}
.gnb_1da {color:#fff; font-size:18px;}
#gnb_1dul .gnb_1dli:nth-child(3) .gnb_1da {color:#ffd330}
#gnb_1dul .gnb_1dli:nth-child(3) .gnb_1da:hover {color:#3a8afd}
#gnb .gnb_1dli:hover > a {color:#ffd330;}
.gnb_2dul .gnb_2dul_box {border:1px solid #080808}
a.gnb_2da {background:#1a1a1a; color:#fff; text-align: center;}
a.gnb_2da:hover {color:#ffd330; background:#080808;}
#gnb .gnb_menu_btn {background:#000; font-size:27px;}
#gnb_all {top:90px; background:#1a1a1a; border:1px solid #080808;}
#gnb_all .gnb_al_li {width:25%; border-left:1px solid #080808;}
#gnb_all .gnb_al_li .gnb_al_a {color:#fff;}
#gnb_all .gnb_al_li:nth-child(2) .gnb_al_a {color:#ffd330}
#gnb .gnb_close_btn {background:#1a1a1a;}
#gnb_all .gnb_al_li li a {color:#dbdbdb}
    #gnb_all .gnb_al_li:first-child .gnb_al_a, #gnb_all .gnb_al_li:nth-child(4) .gnb_al_a {margin-left: -18px;}

/*footer*/
#ft {background:#000; height:300px; overflow:hidden;}
#ft_wr {text-align:center; padding:40px 0 10px 0;}
#ft_news {color:#fff; font-size:20px;}
#ft_news span {margin-right:20px;}
#ft_news img {height:25px; width:auto!important;}
#ft_news a {width:40px; display: inline-block; text-align: center; margin:0 10px;}
#ft_copy {font-size:13px; color:#878788; padding:20px 0 150px 0; border:0;}
#ft_copy span{color:#fff;}

#top_btn:hover {border-color:#ffd330; background:#ffd330;}

/*container*/
#wrapper {margin-top:90px;}
#container {width:100%;}

/*board*/
#pw_confirm p strong {color:#ffd330;}

#bo_w #wr_email {margin-left: 1%;}
#bo_v_link li i, #bo_v_file li i {font-size:2em; margin-right: 9px; display: inline-block; vertical-align: middle; float:none}
#bo_v_link a, #bo_v_file a {display: inline-block; float:none;}

#container_title {font-size: 2.3em; font-weight: 800; float:left;}
#container_title span {line-height:40px;}
#bo_list .bo_tit .new_icon {color: #000; background: #ffd330; width:14px; line-height:14px; font-size:10px;}
#bo_list .bo_tit .fa-download {color:#000; background:#3a8afd; width:14px; line-height:14px; font-size:10px;}
#bo_list .bo_tit .fa-link {color:#000; background:#ff5dc6; width:14px; line-height:14px; font-size:10px;}
#bo_list .bo_tit .fa-lock {color:#000; background:none; border:none; width:14px; line-height:14px; font-size:14px;}

#bo_v_top ul {position:absolute; z-index:1; right:0;}

#bo_v_share {display: none;}
.pg_wrap_wrap {display:flex; justify-content: center; padding-top:20px;}
.pg_wrap {float:none; }
.pg_page {border-radius:30px;}
.pg_current {background:#000; border:1px solid #000; border-radius:30px;}
.pg_end {border:none; background:url(../img/btn_end.gif) no-repeat 50% 50% #fff;}
.pg_start {border:none; background:url(../img/btn_first.gif) no-repeat 50% 50% #fff;}
.pg_prev {border:none; background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;}
.pg_next {border:none; background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;}
.pg_start:hover, .pg_end:hover, .pg_prev:hoever, .pg_next:hover {background-color:#fff;}
.pg_current {width:30px; padding:0; text-align: center;}
.tbl_head01 {border-top:3px solid #000;}
.tbl_head01 thead th {font-weight: 800}
#bo_list .td_name {width:150px; text-align: center;}
#bo_list .td_datetime {width:80px;}
#bo_list .td_num2 {width:80px;}
.bo_fx {position:absolute; right:0;}

#bo_v_img a.view_image {display:contents}
#bo_v_con img {width:auto; transform: skew(+0.1deg);}

.w767 img, .w768 img, .w400 img {width:100%;}
.w1025 img {width:100%; max-width: 1200px;}


/********************* PC *********************/
@media all and (min-width:1025px) {
    #hd, #wrapper, #ft, #hd_fixed {min-width:0;}
    #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr, #ft_copy {width:100%;}
    body {overflow:hidden;}
    
    #gnb .gnb_mnal {display: none}
    .w400 {display: none;}
    .w767 {display:none;}
    .w768 {display:none;}
    .w1025 {display:inherit;}
    }

/********************* 1217이상 *********************/
@media all and (min-width:1217px) {
    #hd, #wrapper, #ft, #hd_fixed {}
    #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #ft_wr, #ft_copy {width:1200px;}
    }

/********************* Mobile / Tablet *********************/
@media all and (min-width:768px) and (max-width:1024px) {
    #hd, #wrapper, #ft, #hd_fixed {min-width:0;}
    #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr, #ft_copy {width:100%;}
    #hd_wrapper {padding:0 20px;}
    body {overflow:hidden;}
    #gnb #gnb_1dul li:nth-child(n+2){display:none;}
    #wrapper {}
    .w767 {display:none;}
    .w768 {display:inherit;}
    .w1025 {display:none;}
    .w400 {display: none;}
    .d3_1_left {margin: 0 10px 0 0;}
    .d3_1_left, .d3_1_right {width:400px;}
    .d3_1_left div:first-child, .d3_1_right div:first-child {height:200px; overflow:hidden;}
    .d3_1 img {height:auto; position:relative; top:-10%;}
    .d3_2 {padding:50px}
    .d3_2 p { text-align:left;}
    }
    
/********************* Mobile *********************/
@media all and (max-width:767px) {
    #hd, #wrapper, #ft, #hd_fixed {min-width:0;}
    #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr, #ft_copy {width:100%;}
    #hd_wrapper {padding:0 20px;}
    .w400 {display: none;}
    .w767 {display:block ;}
    .d3_1 .w767 {width:90%;}
    .w768 {display:none;}
    .w1025 {display:none;}
    .w1025-400 {display: block;}
    .d3_1_left div:first-child, .d3_1_right div:first-child {height:150px !important; overflow:hidden;}
    .d3_1 h1 {padding:10px;}
    .d3_1 p {font-size:16px;}
    .d3_1 img {top:-35%; position: relative;}
    .d3_1_left, .d3_1_right {margin:0 auto;}
    .d3_2 {padding:30px !important;}
    .d3_2 p {font-size:16px; text-align:left; font-weight: 100;}
    #gnb_all {top:0; right:0; position:fixed; width:60%;}
    .gnb_al_ul {background:#1a1a1a;}
    #gnb_all .gnb_al_ul:after {background:#1a1a1a; height:100vh;}
    #gnb #gnb_1dul li:nth-child(n+2){display:none;}
    #gnb_all .gnb_al_li {width:100%; min-height: auto; border-bottom: 1px solid #080808; margin-top:10px; padding:18px;}
    #gnb .gnb_close_btn {right:0}
    #bo_list #list_No, #bo_list #list_Date {display:none;}
	.hd_pops_con {width:100%!important;background:#000;display:inline;}
    }


/*570px이하 board view edit ul*/
@media all and (max-width:567px) {
    #bo_v_top ul {position:relative; margin:0;}
    .w400 {display: block}
    .w767 {display: none !important}
    .d3_1 .w767, .w767.d3_2, .d3.w767 {display: block !important;}
    .w1025-400 {display: none !important;}
    .d3.w400 {display: none;}
    #gnb_all {width:80%;}
    #ft .w400 {display: block !important;}
    #ft_news span {margin:0;}
}


/*모바일*/
@media all and (max-width:400px){
    #container {width:100%;}
    #container_title span {font-size:30px;}
    .w1025-400 {display: none !important;}
    #ft_news span {margin:0;}
    #list_writer {display:none;}
    .d3_1_left div:first-child, .d3_1_right div:first-child {display:none;}
    .d3_1_left, .d3_1_right {width:100%;}
    .d3_1 h1 {font-size: 26px; line-height: 35px;}
    #bo_list {padding:20px 0;}
    #ft_copy {padding:0;}
    body {margin:0; padding:0; position:absolute; top:0; bottom:0; left:0; right:0;}
}

/*갤럭시폴드*/
@media all and (max-width:280px) {
    .compa1 {padding:140px 10px 50px 10px;}
    h1 {font-size:38px; line-height: 48px;}
    #list_writer {display:none;}
    .d3_1 h1 {font-size:19px;}
    .d3_1 h2 {padding:15px;}
    .d3_1 p {padding:0 18px;}
    .w767.d3_2 {padding:12px 12px 32px 12px !important;}
    .d3_2 h1 {font-size:25px; line-height: 35px;}
    .d3.w400 {display: block}
    .d3.w767 {display: none !important;}
}