@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }


::selection {background:#959595; color:#fff;}
::-moz-selection{background:#959595; color:#fff}


* { margin:0; padding:0; }
li { list-style:none; }
a { text-decoration:none; }
img { vertical-align: top; }

body { background: #1b1b1b; }
.wrap {width:50%; box-sizing: border-box; margin-left:auto; color:#fff; padding:50px 0;  position:relative; }
.wrap:after, ul:after { content:""; clear:both; display: block; }
h2 { font:20px 'GmarketSansMedium'; }
.dn { display: none !important; }

#w_header { position:fixed; left:50px; top:30px; z-index:9999; }
#w_header #w_gnb > li:first-child:after { content:""; display: block; width:30px; height:2px; background: #fff; margin:40px 0; }
#w_header #w_gnb > li:last-child { margin-top:20px; }
#w_header #w_gnb > li a { color:#fff; font:bold 40px 'Century Gothic'; position: relative; display: inline-block; } /*font:bold 36px 'GmarketSansMedium';*/
#w_header #w_gnb > li a:after { content:""; width: 0; height: 2px; background: #fff; display: block; position: absolute; left: 0; bottom: -2px; opacity: 0; transition: 0.3s; }
#w_header #w_gnb > li a:hover:after { opacity: 1; width: 100%; }
#w_header #w_gnb ul { padding-top: 20px; }
#w_header #w_gnb ul a { font-size:30px; padding-bottom: 6px;  }
#w_header #w_gnb ul a:after { bottom:4px;}
#w_footer { padding:50px 0; margin-top: 0; }

address { font:normal 13px nsr; color:#999; }
address span { position:relative; top:2px; }

#main { font:13px/2 nsr; }
#main .cont1 { font-family: nsb; margin-bottom: 80px; }
#main .cont2 { margin-top: 40px; }
#main .cont2 h2 { position:relative; margin:10px 0 8px; }
#main .cont2 h2 span { font:20px 'GmarketSansLight'; position:absolute; top:-6px; left:130px; color:#999; }
#main .cont2 p { color:#999;  }
#main .cont3 { margin-top: 80px;}
#main .cont3 h2 { margin-bottom: 10px; }
#main .cont3 p { font-family: nsb;}
#main .cont4 { margin-top: 40px; }
#main .cont4 h2 { position:relative; margin:10px 0 8px; }
#main .cont4 h2 span { font:20px 'GmarketSansLight'; position:absolute; top:-6px; left:130px; color:#999; }
#main .cont4 h4 {margin-bottom: 15px;}
#main .cont4 h4 a{font:16px 'GmarketSansLight'; color:#fff; }
#main .cont4 p { color:#999;  }


section#works.wrap { width:1400px; margin:0 auto; }
#works #bo_cate_ul { border-bottom:1px solid #999; padding-bottom:40px; position:fixed; right:140px; top:0; width:calc(83% - 140px); z-index:999; background: #1b1b1b; padding-top:40px; display: none; }
#works #bo_cate_ul li { margin-right:40px; }

#works #bo_cate_ul li:last-child { margin-right:0 }
#works #bo_cate_ul li a { border: none; font:bold 20px 'GmarketSansLight'; color:#444; padding:0;  }
#works #bo_cate_ul li a:hover { background: none; transition: 0.3s; color:#fff; }


#works  #bo_cate #bo_cate_on { background: none; box-shadow: none;}
#works #bo_list_total, #works .profile_info{ display:none; }
#works #bo_gall { margin-top: 30px; }
#works #bo_gall .gall_text_href a { font:1px nsb; color:#1b1b1b; white-space: nowrap; text-overflow: ellipsis; display:block; overflow: hidden;   }
#works .bo_cate_link, #works .bo_cnt, #works .gall_info { display:none !important; }
#works #bo_gall .gall_img { border:none; max-height:none; }
#works #bo_gall .gall_img img { width:100%; } 

#works #bo_v { background: none; width: 1400px;}
#works #bo_v_title { padding:60px 0 0; }
#works #bo_v_title .bo_v_cate { color:#fff; background: none; padding:0; }
#works #bo_v_title .bo_v_tit { font:20px nsb; margin-top: 20px; }
#works #bo_v_con { font:13px/1.6 nsr; padding:60px 0 0; }
#works #bo_v_info { border:none; }
#works #bo_v_img a:first-of-type { display:none; }
#works #bo_v_img img { margin-bottom:0; } 
#works #bo_v_con img { width:100%; }
#works #bo_v_share { display:none; }

#contact .cont1 h2 { margin-bottom:30px;}
#contact .cont1 ul li {margin-bottom: 10px; font-family: nsb; }
#contact .cont1 ul li span { width:120px; float:left; }
#contact .cont2 { margin-top: 90px;}
#contact .cont2 h2 { color:#999; margin-bottom:10px; padding-left:120px; }
#contact .cont2 p { font-family: nsb; padding-left:120px; }
#contact .cont2 table { margin-top: 40px; width:100%; border-collapse: collapse; }
#contact .cont2 table th { width:120px; text-align: left; color:#999; font-family: nsb; padding-top:20px; vertical-align: top; }
#contact .cont2 table td { color:#999; font-family: nsb; border-bottom:1px solid #999;  padding-top:16px;  }
#contact .cont2 table td input[type=text] { outline: none; height:24px; width:100%; color:#fff; font:13px/20px nsb;  border:none; background: none; padding: 0 10px; }
#contact .cont2 table td textarea { width:100%; background: none; border:none; color:#fff; font:13px/1.6 nsb; padding:10px; height:160px; }
#contact .cont2 table td .info { background: #111; color:#888; height:120px;}
#contact .cont2 table tr:last-child td, #contact .cont2 table tr:nth-last-child(2) td, #contact .cont2 table tr:nth-last-child(3) td { border:none; }
#contact .cont2 table tr:nth-last-child(2) td {  color:#999; }
#contact .cont2 table tr:nth-last-child(2) td input { border:1px solid #fff; width:16px; height:16px; background: #1b1b1b; margin-right: 4px;}
#contact .cont2 table tr:last-child td { padding-top:50px;}
#contact .cont2 table tr:last-child td input { background: none; font:20px 'GmarketSansMedium'; color:#fff; border:none;  }


@media (max-width:800px) { /* 모바일용 */
.pc { display:none !important; }
.wrap { width:94% !important; padding:60px 0; margin:0 auto;}
    
#w_header { left:0; top:0; width:100%; padding:10px 0; background: #1b1b1b;}
#w_header #w_gnb > li { float:left; width:33.3333%; border-right:1px solid #999; box-sizing: border-box; text-align: center; }
#w_header #w_gnb > li:first-child:after { display:none; }
#w_header #w_gnb > li:last-child { margin-top:0; border-right:0; }
#w_header #w_gnb > li a { font:bold 23px 'Century Gothic'; } /*font:bold 20px 'GmarketSansMedium';*/
#w_header #w_gnb ul { position: absolute; left: 0; top:40px; width: 100%; display:flex; align-items: center; justify-content: space-evenly; background: #1b1b1b; padding-bottom: 10px; padding-top: 10px; }
#w_header #w_gnb ul:after { display: none; }
#w_header #w_gnb ul a { font-size:21px; }
#w_footer { padding:20px 0;text-align: center; } 

#main .cont1, #main .cont2 p { word-break: keep-all; }

#main .cont2 h2 { margin-bottom:32px; }
#main .cont2 h2 span { font:14px;}
#main .cont4 ul li { width:32%; margin-right:2%; }
#main .cont4 ul li:nth-child(3n) { margin-right: 0; }
#main .cont4 ul li:nth-child(3n+1) { clear:both; }

#main .cont4 h2 { margin-bottom:32px; }
#main .cont4 h2 span { font:14px;}

    
#works #bo_cate {margin: 0;} 
#works #bo_cate_ul { position:static; width:100%; padding:0 3%; }
#works #bo_cate_ul li { margin-right:0; width:50%; padding:10px 0; }
#works #bo_cate_ul li a { font:bold 14px 'GmarketSansLight'; }
#works #bo_cate_ul li a:before { content:"- "; }
#works #bo_gall { margin-top: 40px; }
#works #bo_gall .gall_text_href a { font:14px nsb; }
#works #bo_v_title { padding:100px 3% 40px; }
#works #bo_v_con { font:13px/1.6 nsr; padding:0 3%; }
#works .bo_v_com { position:fixed; right:3%; top:40px; }
    
#contact .cont1 ul li span { width:80px; }
#contact .cont2 h2 { padding-left:80px; }
#contact .cont2 p { padding-left:80px; line-height:1.6; }
#contact .cont2 table th { width:80px; }
#contact .cont2 table td .info { font-size:12px; word-break: keep-all; }
}

@media (min-width:481px) and (max-width:800px) { /* 태블릿용 */
#main .cont2:nth-child(3) h2 { margin-bottom:8px; }
}

@media (min-width:801px) { /* PC용 */
.mob { display:none !important; }
#main .cont4 ul li:nth-child(4n) { margin-right: 0; }
#main .cont4 ul li:nth-child(4n+1) { clear:both; }
    
}