@CHARSET "UTF-8";

html, body, div, span, object, iframe,
p, blockquote, pre,
a, abbr, address, big, cite, code,
del, dfn, em, font, ins, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, h1, h2, h3, h4, h5, h6,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0;}

body{background:url(/nanum/site/builder/skin/common/img/bg_intro.jpg) no-repeat;background-size:cover;}
#intro_wrap .hide {text-indent:-9999px; display:inline-block;}
#intro_wrap{width:100%;padding:0;margin:0;}
#intro_wrap .ct_box{width:1100px;margin:0 auto;}
#intro_wrap .ct_box h1{padding:90px 0 70px;font-family:'NotoKrL';font-weight:normal;font-size:50px;line-height:1;color:#000;text-align:center;letter-spacing:-0.05em;}
#intro_wrap .ct_box ul{display:inline-block;width:1120px;margin-left:-20px;}
#intro_wrap .ct_box ul li{display:table;float:left;width:204px;height:120px;margin:0 0 20px 20px;text-align:center;vertical-align:middle;}
#intro_wrap .ct_box ul li.box1 a{background:#008ace;}
#intro_wrap .ct_box ul li.box2 a{background:#2763ba;}
#intro_wrap .ct_box ul li.box3 a{background:#00b293;}
#intro_wrap .ct_box ul li.box4 a{background:#00c2d4;}
#intro_wrap .ct_box ul li.box5 a{background:#506eda;}
#intro_wrap .ct_box ul li a{display:table-cell;padding:0 19px;box-shadow:10px 10px 20px 0 rgba(0,0,0,0.3);font-family:'NotoKrB';font-size:22px;letter-spacing:-0.05em;color:#fff;text-decoration:none;vertical-align:middle;}
#intro_wrap .ct_box ul li.empty a{cursor:default;}

/****************************** 태블릿 ******************************/
@media all and (max-width:1024px){

#intro_wrap{display:table;vertical-align:middle;}
#intro_wrap .ct_box{display:table-cell;width:100%;padding:0 20px 30px 20px;box-sizing:border-box;vertical-align:middle;}
#intro_wrap .ct_box h1{padding:60px 0 50px;font-size:40px;}
#intro_wrap .ct_box ul{width:100%;margin-left:0;}
#intro_wrap .ct_box ul li{width:20%;margin:0;padding:5px;box-sizing:border-box;}
#intro_wrap .ct_box ul li a{padding:0 9px;font-size:19px;word-break:break-all;}
	
}

/****************************** 모바일 ******************************/
@media all and (max-width:767px){

#intro_wrap .ct_box{padding:15px 20px;}
#intro_wrap .ct_box h1{display:none;}
#intro_wrap .ct_box ul li{width:50%;height:100px;padding:5px;}
#intro_wrap .ct_box ul li:nth-child(odd){float:left;padding-left:0;}
#intro_wrap .ct_box ul li:nth-child(even){float:right;padding-right:0;}
#intro_wrap .ct_box ul li a{font-size:14px;}
	
}

/****************************** 웹 ******************************/
@media(min-width:1025px){

}