@charset "utf-8";

/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
input,select,textarea,button{font-size:100%;vertical-align:middle}
button{border:0 none;background-color:transparent;cursor:pointer}
table{border-collapse:collapse;border-spacing:0}
html,body{width:100%; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
body{overflow-x: hidden;}
input[type='text'],input[type='password'],input[type='submit'],input[type='search']{-webkit-appearance:none;border-radius:0}
input:checked[type='checkbox']{-webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file']{-webkit-appearance:button;border-radius:0}
input[type='search']::-webkit-search-cancel-button{-webkit-appearance:none}
body,th,td,input,select,textarea,button{ font-size:14px; letter-spacing:-0.05em; line-height:1.5; font-family:AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; color:#727272;}
a{color:#232323;text-decoration:none}
a:active, a:hover{text-decoration:underline;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
strong{font-weight:700;}
legend, caption{text-indent: -9999px;overflow: hidden;height: 0;width: 0;}


/* common */
.screen_out {overflow: hidden;position: absolute;width: 0;height: 0;line-height: 0;text-indent: -9999px}
.hide,legend,caption {display:block;position:absolute;left:-9999px;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;text-indent:-9999px;}
.mask {position:absolute;top:0; right:0; bottom:0; left:0; border:1px solid #000; opacity:.08; -ms-filter:alpha(opacity=8);filter:alpha(opacity=8); }/* 이미지테두리 */
.clear_g { display: block; overflow: visible; width: auto; clear: both; *zoom:1 }
.clear_g:after { display: block; visibility: hidden; height: 0; font-size: 0;clear: both; content: ''}
.fl { float:left !important;}
.fr { float:right !important; } 

.ico_ui { overflow: hidden; display: inline-block; background: url(../images/img_m_ui.png) no-repeat; background-size: 150px 100px; }
.link_thumb { position: relative; display: block; overflow: hidden; }
.link_thumb:after {position:absolute;left:0;right:0;bottom:0;width:100%;height:130px;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,0.9)));background-image:-moz-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));background-image:-o-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0.9));background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.9));content:''}
.thumb_img { display: block; position: relative; background: url(../images/thumb_empty.gif) repeat center center;}
.thumb { display: block; text-align: center; vertical-align: top; }
.tit_thumb { display:block; font-weight: bold; letter-spacing: -.06em; }
.tit_cate { margin-bottom: 20px; font-size: 16px; line-height: 16px; color: #232323; }
.tit_sec {  margin-bottom: 20px; font-size: 18px; line-height: 18px; color: #232323; }
.label_01, .label_02, .label_03 { display: inline-block; margin: -6px 4px 0 0; padding: 3px 4px; font-size: 12px; line-height: 12px; color: #fff; vertical-align: middle;}
.label_01 { background-color: #df4f4f; }
.label_02 { background-color: #7761d0; }
.label_03 { background-color: #507ee0; }

/* Margin Set */
.ml5	{margin-left:5px;}
.ml6	{margin-left:6px;}
.ml8	{margin-left:8px;}
.ml10	{margin-left:10px;}
.ml15	{margin-left:15px;}
.ml20	{margin-left:20px;}
.ml23	{margin-left:23px;}
.ml25	{margin-left:25px;}
.ml30	{margin-left:30px;}
.ml33	{margin-left:33px;}
.ml35	{margin-left:35px;}
.ml40	{margin-left:40px;}
.ml45	{margin-left:45px;}
.ml50	{margin-left:50px;}


.mr2	{margin-right:2px;}
.mr5	{margin-right:5px;}
.mr10	{margin-right:10px;}
.mr15	{margin-right:15px;}
.mr20	{margin-right:20px;}
.mr25	{margin-right:25px;}
.mr30	{margin-right:30px;}
.mr35	{margin-right:35px;}
.mr40	{margin-right:40px;}
.mr45	{margin-right:45px;}
.mr50	{margin-right:50px;}


.mb2	{margin-bottom:2px;}
.mb3	{margin-bottom:3px;}
.mb4	{margin-bottom:4px;}
.mb5	{margin-bottom:5px;}
.mb10	{margin-bottom:10px;}
.mb15	{margin-bottom:15px;}
.mb20	{margin-bottom:20px;}
.mb25	{margin-bottom:25px;}
.mb30	{margin-bottom:30px;}
.mb35	{margin-bottom:35px;}
.mb40	{margin-bottom:40px;}
.mb45	{margin-bottom:45px;}
.mb50	{margin-bottom:50px;}


.mt0    {margin-top:0;}
.mt1	{margin-top:1px;}
.mt2	{margin-top:2px;}
.mt3	{margin-top:2px;}
.mt5	{margin-top:5px;}
.mt7	{margin-top:7px;}
.mt8	{margin-top:8px;}
.mt10	{margin-top:10px;}
.mt15	{margin-top:15px;}
.mt20	{margin-top:20px;}
.mt25	{margin-top:25px;}
.mt27	{margin-top:27px;}
.mt30	{margin-top:30px;}
.mt35	{margin-top:35px;}
.mt40	{margin-top:40px;}
.mt45	{margin-top:45px;}
.mt50	{margin-top:50px;}


/* Padding Set */
.pl1	{padding-left:1px;}
.pl3	{padding-left:3px;}
.pl5	{padding-left:5px;}
.pl10	{padding-left:10px;}
.pl15	{padding-left:15px;}
.pl20	{padding-left:20px;}
.pl25	{padding-left:25px;}
.pl30	{padding-left:30px;}
.pl35	{padding-left:35px;}
.pl40	{padding-left:40px;}
.pl45	{padding-left:45px;}
.pl50	{padding-left:50px;}


.pr2	{padding-right:2px;}
.pr3	{padding-right:3px;}
.pr5	{padding-right:5px;}
.pr10	{padding-right:10px;}
.pr15	{padding-right:15px;}
.pr20	{padding-right:20px;}
.pr25	{padding-right:25px;}
.pr30	{padding-right:30px;}
.pr35	{padding-right:35px;}
.pr40	{padding-right:40px;}
.pr45	{padding-right:45px;}
.pr50	{padding-right:50px;}


.pb3	{padding-bottom:3px;}
.pb5	{padding-bottom:5px;}
.pb10	{padding-bottom:10px;}
.pb15	{padding-bottom:15px;}
.pb20	{padding-bottom:20px;}
.pb25	{padding-bottom:25px;}
.pb30	{padding-bottom:30px;}
.pb35	{padding-bottom:35px;}
.pb40	{padding-bottom:40px;}
.pb45	{padding-bottom:45px;}
.pb50	{padding-bottom:50px;}


.pt0	{padding-top:0;}
.pt1	{padding-top:1px;}
.pt2	{padding-top:2px;}
.pt3	{padding-top:3px;}
.pt4	{padding-top:4px;}
.pt5	{padding-top:5px;}
.pt7	{padding-top:7px;}
.pt8	{padding-top:8px;}
.pt10	{padding-top:10px;}
.pt12	{padding-top:12px;}
.pt15	{padding-top:15px;}
.pt20	{padding-top:20px;}
.pt22	{padding-top:22px;}
.pt25	{padding-top:25px;}
.pt30	{padding-top:30px;}
.pt35	{padding-top:35px;}
.pt40	{padding-top:40px;}
.pt45	{padding-top:45px;}
.pt50	{padding-top:50px;}


@media only screen and (max-width: 768px) {
    a:active, a:hover{text-decoration:none;}
    body { background-color: #f4f4f4; }
    .tit_thumb { font-weight: normal; letter-spacing: -.04em; }
    .tit_cate { display: block; margin-bottom: 0; padding: 25px 15px 13px; font-size: 17px; letter-spacing: -1px; }
    .tit_sec { display: block; margin-bottom: 0; padding: 25px 15px 13px; font-size: 17px; letter-spacing: -1px; }

}