@charset "utf-8";

/*****************************************************************************************************************************************
	Roboto 폰트 사용법 : font-weight: 400; - 미디움 / font-weight: 700; - 볼드
*****************************************************************************************************************************************/

/*@font-face {
    font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
    src: url('/seoulsky/font/Roboto-Medium-webfont.eot');
    src: local(※),
		url('/seoulsky/font/Roboto-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/seoulsky/font/Roboto-Medium-webfont.woff') format('woff'),
         url('/seoulsky/font/Roboto-Medium-webfont.ttf') format('truetype');
}
@font-face {
    font-family: 'Roboto';
    src: url('/seoulsky/font/Roboto-Bold-webfont.eot');
	font-style: normal;
	font-weight: 700;
    src: local(※),
		 url('/seoulsky/font/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/seoulsky/font/Roboto-Bold-webfont.woff') format('woff'),
         url('/seoulsky/font/Roboto-Bold-webfont.ttf') format('truetype');
}
*/
/*****************************************************************************************************************************************
	나눔고딕 폰트 사용법 : font-weight: 400; - 레귤러 / font-weight: 700; - 볼드
*****************************************************************************************************************************************/
/*
@font-face {
	font-family:'NanumGothic';
	font-style: normal;
	font-weight: 400;
	src: url('/seoulsky/font/NanumGothic_Regular.eot');
	src: local(※),
		 url('/seoulsky/font/NanumGothic_Regular.eot?#iefix') format('embedded-opentype'),
		 url('/seoulsky/font/NanumGothic_Regular.woff') format('woff'),
		 url('/seoulsky/font/NanumGothic_Regular.ttf') format('truetype');

}
@font-face {
	font-family:'NanumGothic';
	font-style: normal;
	font-weight: 700;
	src: url('/seoulsky/font/NanumGothic_Bold.eot');
	src: local(※),
		 url('/seoulsky/font/NanumGothic_Bold.eot?#iefix') format('embedded-opentype'),
		 url('/seoulsky/font/NanumGothic_Bold.woff') format('woff'),
		 url('/seoulsky/font/NanumGothic_Bold.ttf') format('truetype');
}*/
/*****************************************************************************************************************************************
	윤고딕 폰트 사용법 : font-weight: 400; - 레귤러 / font-weight: 700; - 볼드
*****************************************************************************************************************************************/

@font-face {
	font-family:'YoonVGothicStd';
	font-style: normal;
	font-weight: 400;
	src: url('/seoulsky/font/YoonVGothicStd-320.eot');
	src: local(※),
		 url('/seoulsky/font/YoonVGothicStd-320.eot?#iefix') format('embedded-opentype'),
		 url('/seoulsky/font/YoonVGothicStd-320.woff') format('woff'),
		 url('/seoulsky/font/YoonVGothicStd-320.ttf') format('truetype');

}
@font-face {
	font-family:'YoonVGothicStd';
	font-style: normal;
	font-weight: 700;
	src: url('/seoulsky/font/YoonVGothicStd-340.eot');
	src: local(※),
		 url('/seoulsky/font/YoonVGothicStd-340.eot?#iefix') format('embedded-opentype'),
		 url('/seoulsky/font/YoonVGothicStd-340.woff') format('woff'),
		 url('/seoulsky/font/YoonVGothicStd-340.ttf') format('truetype');
}
/*****************************************************************************************************************************************
	knockout 폰트 사용법 : font-weight: 400; - 레귤러 / font-weight: 700; - 볼드
*****************************************************************************************************************************************/

@font-face {
	font-family:'knockout';
	font-style: normal;
	font-weight: 400;
	src: url('/seoulsky/font/Knockout-HTF31-JuniorMiddlewt.otf');
	src: local(※),
		 url('/seoulsky/font/Knockout-HTF31-JuniorMiddlewt.eot?#iefix') format('embedded-opentype'),
		 url('/seoulsky/font/Knockout-HTF31-JuniorMiddlewt.woff') format('woff'),
		 url('/seoulsky/font/Knockout-HTF31-JuniorMiddlewt.ttf') format('truetype');

}
@font-face {
	font-family:'knockout';
	font-style: normal;
	font-weight: 700;
	src: url('/seoulsky/font/Knockout-HTF51-Middleweight.eot');
	src: local(※),
		 url('/seoulsky/font/Knockout-HTF51-Middleweight.eot?#iefix') format('embedded-opentype'),
		 url('/seoulsky/font/Knockout-HTF51-Middleweight.woff') format('woff'),
		 url('/seoulsky/font/Knockout-HTF51-Middleweight.ttf') format('truetype');
}
/*****************************************************************************************************************************************
	ShinGoPro 폰트 사용법 : font-weight: 400; - 레귤러 / font-weight: 700; - 볼드
*****************************************************************************************************************************************/

@font-face {
	font-family:'ShinGoPro';
	font-style: normal;
	font-weight: 400;
	src: url('/seoulsky/font/ShinGoPro-Regular-AlphaNum.otf');
	src: local(※),
		 url('/seoulsky/font/ShinGoPro-Regular-AlphaNum.eot?#iefix') format('embedded-opentype'),
		 url('/seoulsky/font/ShinGoPro-Regular-AlphaNum.woff') format('woff'),
		 url('/seoulsky/font/ShinGoPro-Regular-AlphaNum.ttf') format('truetype');

}
@font-face {
	font-family:'ShinGoPro';
	font-style: normal;
	font-weight: 700;
	src: url('/seoulsky/font/ShinGoPro-Bold-AlphaNum.eot');
	src: local(※),
		 url('/seoulsky/font/ShinGoPro-Bold-AlphaNum.eot?#iefix') format('embedded-opentype'),
		 url('/seoulsky/font/ShinGoPro-Bold-AlphaNum.woff') format('woff'),
		 url('/seoulsky/font/ShinGoPro-Bold-AlphaNum.ttf') format('truetype');
}
html, body {height:100%;font-family:'YoonVGothicStd', sans-serif;font-weight:400;font-size:14px;color:#555;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;} /* 나눔고딕 기본값을 초기값으로 지정, 아이폰 폰트 사이즈 변환방지 설정 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,select,input,textarea,p,blockquote,th,td,figure,figcaption {margin:0;padding:0;}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption {display:block;} /* html5 태그 초기 설정 값 */
h1,h2,h3,h4,h5,h6 {font-weight:normal;font-size:100%;}
img,legend,fieldset,button {border:none;}
input,select,textarea {font-family:inherit;font-size:inherit;*font-weight:inherit;vertical-align:middle;} /* 기본 설정값으로 초기화 */
table {border-collapse:collapse;table-layout:fixed;}
caption,legend {font-size:0;height:1px !important;position:absolute !important;top:-9999px !important;width: 1px !important;} /* ir 처리 */
ul,ol,li {list-style-type:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;} /* 익스 9부터 적용가능 */
hr {display:none;}
address,em {font-style:normal;}
strong,b {font-weight:normal;}
textarea {resize:none;} /* 리사이징 초기화 : 리사이징을 원하면 해당영역을 주석처리 해주세요 */

a, a:link, a:visited, a:active {color:#555;text-decoration:none;}
a:hover {color:#555;}
a[class~="btn"] {vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;text-decoration:none;} /* 버튼의 경우에 언더라인 삭제 */

.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* Hides from IE-mac */
.clfix {zoom: 1;} /*for IE 5.5-7*/

.blind {font-size:0;height:1px !important;position:absolute !important;top:-9999px !important;width: 1px !important;} /* ir 처리 및 숨김영역 공통 */
.ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /* 한줄 텍스트 줄임표 설정 */
.mt10 {margin-top:10px !important;}

/* 스킵네비게이션 */
#skipnavi {}
#skipnavi a {display:block;position:absolute;top:-1000px;left:0;width:100%;height:1px;color:#222;overflow:hidden;z-index:99999999;}
#skipnavi a:focus, #skipnavi a:hover, #skipnavi a:active {top:0px;left:0;background-color:#e9e9e9;padding:7px 0 5px;height:auto;color:#000;font-weight:bold;text-align:center;text-decoration:none;}

/*****************************************************************************************************************************************
	form 요소 절대값 정의
*****************************************************************************************************************************************/
button {padding:0 0;font-family:inherit;font-weight:inherit;font-size:inherit;vertical-align:middle;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;background-color:transparent;color:#555;}
button span {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;}
label {display:inline-block;vertical-align:middle;}

select[disabled='disabled'], input[disabled='disabled'], .disabled {background-color:#f0f0f0;border:1px solid #d9d9d9;cursor:default;}
select[readonly='readonly'], input[readonly='readonly'], .readonly {background-color:#f0f0f0;border:1px solid #d9d9d9;}
input[type="text"]::-ms-clear {display:none;} /* 익스 10, 11에서 입풋창에 생성되는 텍스트 삭제 버튼제어 */

/* placeholder color 적용 */
::-webkit-input-placeholder {color:#767676;}/* WebKit, Blink, Edge */
:-moz-placeholder {color:#767676;} /* Mozilla Firefox 4 to 18 */
::-moz-placeholder {color:#767676;}/* Mozilla Firefox 19+ */
:-ms-input-placeholder {color:#767676;}/* Internet Explorer 10-11 */


/*4.1 popup */
#pop_layer2 {position:absolute;top:80px;left:15px;z-index:99999}

/* 170421 메인 레이어팝업 */
#pop_layer2 {left:100%;margin-left:-460px;border:5px solid #003e52}
#pop_layer2 p:after {content:"";display:block;clear:both;height:0;visibility:hidden;}
#pop_layer2 a.btn_close,
#pop_layer2 a.btn_close2 {display:block;float:left;width:50%;padding:20px 0;text-align:center;background-color:#353d40}
#pop_layer2 span {text-align:center;color:#fff;}
#pop_layer2 a.btn_close + a.btn_close2 {background-color:#1e5364}
/* 팝업 메인 */


@media screen and (max-width:736px) {
	#pop_layer2 {left:50%;margin-left:-41vw}
	#pop_layer2 img {width:80vw;}
	#pop_layer2 a {font-size:12px}

}