@charset "utf-8";


/*
Theme Name: RICH ROGIS (리치로지스)
Theme URI: www.richlogis.co.kr
Version: 1.0
*/

/*
 * Dependency : css/commons.css
 *
 * SUMMARY:
 * 1) GENERAL
 * 2) KBOARD STYLE
 * 3) COMPONENT
 * 4) HEADER
 * 5) FOOTER
 * 6) MAIN
 * 7) SUB PAGE
 * 8) 404
 * 9) MEDIAQUERIES
*/
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');


/* **************************************** *
 * FONT
 * **************************************** */

/* NanumSquare */
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url(fonts/NanumSquareL.eot);
 src: url(fonts/NanumSquareL.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumSquareL.woff) format('woff'),
	  url(fonts/NanumSquareL.woff) format('woff2'),
      url(fonts/NanumSquareL.ttf) format('truetype');
}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url(fonts/NanumSquareR.eot);
 src: url(fonts/NanumSquareR.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumSquareR.woff) format('woff'),
	  url(fonts/NanumSquareR.woff) format('woff2'),
      url(fonts/NanumSquareR.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url(fonts/NanumSquareB.eot);
 src: url(fonts/NanumSquareB.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumSquareB.woff) format('woff'),
	  url(fonts/NanumSquareB.woff) format('woff2'),
      url(fonts/NanumSquareB.ttf) format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url(fonts/NanumSquareEB.eot);
 src: url(fonts/NanumSquareEB.eot?#iefix) format('embedded-opentype'),
      url(fonts/NanumSquareEB.woff) format('woff'),
	  url(fonts/NanumSquareEB.woff) format('woff2'),
      url(fonts/NanumSquareEB.ttf) format('truetype');
}


/* GmarketSans */
@font-face {
 font-family: 'Gbold';
 font-weight: 700;
 src: url(fonts/GmarketSansTTFBold.eot);
 src: url(fonts/GmarketSansTTFBold.eot?#iefix) format('embedded-opentype'),
      url(fonts/GmarketSansTTFBold.woff) format('woff'),
	  url(fonts/GmarketSansTTFBold.woff) format('woff2'),
      url(fonts/GmarketSansTTFBold.ttf) format('truetype');
}

@font-face {
 font-family: 'Gmedium';
 font-weight: 500;
 src: url(fonts/GmarketSansTTFMedium.eot);
 src: url(fonts/GmarketSansTTFMedium.eot?#iefix) format('embedded-opentype'),
      url(fonts/GmarketSansTTFMedium.woff) format('woff'),
	  url(fonts/GmarketSansTTFMedium.woff) format('woff2'),
      url(fonts/GmarketSansTTFMedium.ttf) format('truetype');
}

@font-face {
 font-family: 'Glight';
 font-weight: 300;
 src: url(fonts/GmarketSansLight.eot);
 src: url(fonts/GmarketSansLight.eot?#iefix) format('embedded-opentype'),
      url(fonts/GmarketSansTTFLight.woff) format('woff'),
	  url(fonts/GmarketSansTTFLight.woff) format('woff2'),
      url(fonts/GmarketSansTTFLight.ttf) format('truetype');
}



/* Common CSS
 * --------------------------------------- */
 *, *:after, *:before {
	font-family: 'NanumSquare';
	box-sizing: border-box;
     -webkit-transition: all 0.6s ease-out; -o-transition: all 0.6s ease-out; transition: all 0.6s ease-out;  
}


::selection { background: #fdff77; color:#071f63;}
::-moz-selection { background: #fdff77; color:#071f63;}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
	/* word-wrap: break-word; */
	word-break: keep-all;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}

caption, legend{overflow:hidden;width:0;height:0;font-size:0;line-height:0;display: none;}
textarea{resize:none;}
textarea.vert{resize:vertical;}

img {max-width:100%;}


/* accessibility */ 
#accessibility{position:absolute; left:0; top:0; width:100%; z-index:9999;}
#accessibility li{position:absolute; left:0; top:0; width:100%; z-index:9999;}
#accessibility a{overflow:hidden; display:block; width:1px; height:1px; margin-bottom:-1px; color:#444; font-size:0; text-decoration:none;}
#accessibility a:active, #accessibility a:focus{width:100%; height:auto; padding:5px 0; background:#303030;  font-size:14px; text-align:center; color:#fff;}


.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}
.mt0 {margin-top:0 !important;}
.mb0 {margin-bottom:0 !important;}

.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

.text_blue{color:#008bd5 !important;}

.tit_new {background:url(../images/common/ico_new.png) no-repeat; background-position:right; padding-right:30px;} /*NEW 아이콘*/

/* 버튼 */
.btn {display:inline-block; padding:7px 18px; color:#fff; font-weight:bold; font-size:0.95em; border-radius:1px; letter-spacing:0;} /* 보통 버튼사이즈 */
.l_btn {display:inline-black; padding:13px 45px; color:#fff; font-weight:bold; font-size:1.1em; border-radius:1px; letter-spacing:0;} /* 큰 버튼사이즈 */
.s_btn {display:inline-block; padding:4px 15px; color:#fff; font-weight:bold; font-size:0.88em !important; border-radius:1px; letter-spacing:0;} /* 작은 버튼사이즈 */
.btn:hover, .btn:focus, .btn:active,
.s_btn:hover, .s_btn:focus, .s_btn:active,
.l_btn:hover, .l_btn:focus, .l_btn:active
{color:#fff;}
.btn_navy {background:#3c4c6f;}
.btn_navy:hover, .btn_navy:focus, .btn_navy:active {background:#223557;}
.btn_gray {background:#929fb8;}
.btn_gray:hover, .btn_gray:focus, .btn_gray:active {background:#78859d;}
.btn_black {background:#111;}
.btn_black:hover, .btn_black:focus, .btn_black:active {background:#2f2f2f;}
.btn_blue {background:#102693;}
.btn_blue:hover, .btn_blue:focus, .btn_blue:active {background:#001479;}
.btn_skyblue {background:#289be0;}
.btn_skyblue:hover, .btn_skyblue:focus, .btn_skyblue:active {background:#0086c9;}
.btn_pink {background:#e42c53;}
.btn_pink:hover, .btn_pink:focus, .btn_pink:active {background:#cd0043;}
.btn_white {background:#fff; color:#333; border:1px solid #ccc;}
.btn_white:hover, .btn_white:focus, .btn_white:active {background:#eaeaea; color:#222; border:1px solid #bbb;}


/**** 모바일 ****/
@media (max-width:767px) {
	
	.mt0 {margin-top:0 !important;}
	.mb0 {margin-bottom:0 !important;}
}