@charset "utf-8";
/*
File Name : common.css
Date : 2018-10
*/

/* reset css ---------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, 
strong, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, 
details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; /*text-align:justify;*/}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

/* 제목요소 */
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight: bold;} 

/* 테두리 없애기 */
fieldset, img, abbr,acronym {border: 0;} 

/* 목록설정 */
ul, ul.li, ol, ol.li { list-style-type: none;}

/* 이미지설정 */
img {border: 0; vertical-align: middle;}

/* 테이블 - 마크업에 'cellspacing="0"' 지정  */
table {border-collapse: collapse; border-spacing: 0; border: 0; table-layout:fixed;}
th, td {vertical-align: middle;}

/* 텍스트 관련 요소 초기화 */
address, caption, em, cite {font-weight: normal; font-style: normal;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
textarea {font-size:1em;}

/* 숨김설정 */
legend {text-indent:-9999px; font-size:0; width:0; height:0;}
hr {display: none;}
caption {text-indent:-9999px; font-size:0;  width:0; height:0;}
.hidden {text-indent:-9999px; font-size:0; width:0; height:0;}

/* 기초설정*/
html, body {font-size:1em; line-height:1.5; font-family: 'Noto Sans KR', "맑은 고딕", "Malgun Gothic" , 'Open Sans', "Apple Gothic", "돋움", Dotum, "굴림", Gulim, sans-serif;}
html {overflow-y:scroll;}/*세로스크롤*/
body {overflow-x:hidden;}

input, textarea, select, button {font-family: 'Noto Sans KR';}
select {border:1px solid #ccc; padding:6px 5px; }
input[type="text"] {border:1px solid #ccc; padding:5px 0 5px 3px;}
textarea {border:1px solid #ccc; padding:5px 0 5px 3px; min-height:100px; width:100%; overflow:auto;}

/* 링크설정 */
a,a:active,a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: #333;
}

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }

/* text align */
.tac {text-align:center !important;}
.tal {text-align:left !important;}
.tar {text-align:right !important;}

/* button */
button {display:inline-block; border:none; text-align:center; font-size:1em; padding:0; margin:0;
		/*-webkit-transition-duration: 0.4s; 
		transition-duration: 0.4s;*/}
button:hover {cursor:pointer;}

/* input */
input[type="text"] {padding:7px; border:1px solid #ccc; vertical-align:middle;}


/* 여기까지 basic css ------------------------------------- */

.cty_area {width:100%; max-width:1140px; margin:40px auto 0; margin-bottom: 40px;}
.cty_area h2 {font-weight:bold; font-size:32px; text-align:center; margin-bottom:40px;}

.cty {width:100%; padding:0;}
.cty ul {width:100%;}
.cty ul:after {display:block; content:''; clear:both;}
.cty ul li {width:25%; float:left;}
.cty ul li a {display:block; text-align:center; padding:25px 0;}
.cty ul li a:hover {background:#f0f0f0;}
.cty ul li a span {display:inline-block; width:64px; height:64px;}
.cty ul li a span img {width:100%; height:auto;}
.cty ul li a div.nordic {margin-right:-25px;}
.cty ul li a div.nordic span {display:inline-block; margin-left:-25px;}
.cty ul li a p.cty_tl {font-size:20px; color:#000; font-weight:600; line-height:1; margin:20px 0 8px; }
.cty ul li a p.cty_tt {font-size:16px; color:#666; font-weight:600;}

@media only screen and (max-width: 992px){
	.cty ul li {width:50%; float:left;}
}

@media only screen and (max-width: 480px){
	.cty ul li {width:100%; float:left;}
}