@charset "utf-8";

@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 100;
	font-display: block;
	src: local('Pretendard-Thin'),
	url('../fonts/Pretendard-Thin.eot') format('eot'),
	url('../fonts/Pretendard-Thin.woff2') format('woff2'),
	url('../fonts/Pretendard-Thin.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 200;
	font-display: block;
	src: local('Pretendard-ExtraLight'),
	url('../fonts/Pretendard-ExtraLight.eot') format('eot'),
	url('../fonts/Pretendard-ExtraLight.woff2') format('woff2'),
	url('../fonts/Pretendard-ExtraLight.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 300;
	font-display: block;
	src: local('Pretendard-Light'),
	url('../fonts/Pretendard-Light.eot') format('eot'),
	url('../fonts/Pretendard-Light.woff2') format('woff2'),
	url('../fonts/Pretendard-Light.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 400;
	font-display: block;
	src: local('Pretendard-Regulart'),
	url('../fonts/Pretendard-Regular.eot') format('eot'),
	url('../fonts/Pretendard-Regular.woff2') format('woff2'),
	url('../fonts/Pretendard-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 500;
	font-display: block;
	src: local('Pretendard-Medium'),
	url('../fonts/Pretendard-Medium.eot') format('eot'),
	url('../fonts/Pretendard-Medium.woff2') format('woff2'),
	url('../fonts/Pretendard-Medium.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 600;
	font-display: block;
	src: local('Pretendard-SemiBold'),
	url('../fonts/Pretendard-SemiBold.eot') format('eot'),
	url('../fonts/Pretendard-SemiBold.woff2') format('woff2'),
	url('../fonts/Pretendard-SemiBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 700;
	font-display: block;
	src: local('Pretendard-Bold'),
	url('../fonts/Pretendard-Bold.eot') format('eot'),
	url('../fonts/Pretendard-Bold.woff2') format('woff2'),
	url('../fonts/Pretendard-Bold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 800;
	font-display: block;
	src: local('Pretendard-ExtraBold'),
	url('../fonts/Pretendard-ExtraBold.eot') format('eot'),
	url('../fonts/Pretendard-ExtraBold.woff2') format('woff2'),
	url('../fonts/Pretendard-ExtraBold.woff') format('woff');
}
@font-face {
	font-family: 'Pretendard';
	font-style: normal;
	font-weight: 900;
	font-display: block;
	src: local('Pretendard-Black'),
	url('../fonts/Pretendard-Black.eot') format('eot'),
	url('../fonts/Pretendard-Black.woff2') format('woff2'),
	url('../fonts/Pretendard-Black.woff') format('woff');
}


html,body{ position:relative; font-family:'Pretendard', sans-serif; font-size:16px; font-weight:normal; -webkit-text-size-adjust: 100%; }
body.open{ overflow:hidden }


/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; vertical-align:baseline; box-sizing: border-box;  }

/*
*:not(.layer_pop *)  { margin:0; padding:0; border:0; vertical-align:baseline; box-sizing: border-box;  }
*/

body { line-height:1 }
ol, ul { list-style:none; padding:0; margin:0 }
blockquote, q { quotes:none }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
table { border-collapse:collapse; border-spacing:0 }
a { text-decoration:none; color:#666 }
em{ font-style: normal }
sub, sup {vertical-align: baseline; position: relative; font-size: 70%;}
sub {bottom: -0.5em;}
sup {top: -0.5em;}

fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
input[type="text"],input[type="submit"],input[type="button"],textarea,button,select,select option{ font-family:'Pretendard', sans-serif;  box-sizing:border-box;  }
input[type="search"] { box-sizing: border-box; }
input[type="radio"], input[type="checkbox"] { line-height: normal; }
input[type="file"] { display:inline-block; }
input[type="range"] { display: block; width: 100%; }
select[multiple], select[size] { height: auto; }
input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted; outline: 5px auto; outline-offset: -2px; }
textarea { height: auto !important; box-sizing: border-box; }
/*reset end*/

a.underline{ text-decoration:underline !important }

/* form */
.form-style { display: inline-block; width:100%; height: 50px; padding: 6px 12px; font-family: 'Pretendard', sans-serif; font-size:16px; font-weight:300; vertical-align: middle; color: #555; background-color: #fff; border: 1px solid #979797; box-sizing:border-box; border-radius: 5px;  }
.form-style:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6); }

/*버튼셋*/
.btn_set{ padding:15px 0; text-align:center; overflow:hidden}
.btn {font-family:'Noto Sans Korean', sans-serif;  display: inline-block; padding: 10px; margin-bottom: 0; font-size: 14px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle;  cursor: pointer; background-image: none; border: 1px solid #393939; color:#313131 }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto; outline-offset: -2px; }
.btn:hover{ background:#f6f6f6; color: #000; text-decoration: none; }
.btn:active, .btn.active { background-image: none; outline: 0; box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125); }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; box-shadow: none; opacity: .65; }


/*체크박스,라디오버튼 커스텀*/
input[type='checkbox'],input[type='radio']{margin-right:15px; width:20px; height:20px; opacity:0; position:absolute; margin:4px 0; cursor:pointer}
input[type='checkbox'] + label {display:inline-block;  background:url(../images/sub/icon_checked.svg) 0px 0px  no-repeat; background-size:20px;  font-size:14px;  height:20px;   padding-left:30px; cursor:pointer; line-height:20px; text-align:left; }
input[type='radio'] + label {display:block;  background:url(../img/sub/icon_checked.png) 0px -20px  no-repeat;  font-size:14px;  height:20px;   padding-left:30px; cursor:pointer; background-size:21px; line-height:20px;  text-align:left;  }
input[type='checkbox']:checked + label{ background-position: 0px -20px}
input[type='radio']:checked + label{ background-position: 0px -42px}
input[type='checkbox'] + label.check_only{ text-indent:-9999px; padding-left:0; width:20px; margin:0; }
@media screen and (min-width:768px){
	input[type='checkbox'] + label,input[type='radio'] + label {display:inline-block; }
}

input[type='text'] + label{line-height:40px;}
input[type='radio'] + label.no_text, input[type='checkbox'] + label.no_text{ line-height: 20px; padding-top:0; font-size:0; }
input[type='radio'] + label.no_text:before, input[type='checkbox'] + label.no_text:before{ margin-right:0;}

.select_custom{ background:#fff url("../images/sub/arrow_down.svg") right 15px center no-repeat; background-size:14px 14px; padding:0 40px 0 10px; -webkit-appearance:none; -moz-appearance:none; }
.select_custom::-ms-expand{ display:none }

.date_custom{ padding:0 40px 0 10px; background:#fff url("../images/sub/schedule.svg") right 15px center no-repeat; background-size:16px 16px;  -webkit-appearance:none; -moz-appearance:none;  }

.sp_icon{ display:inline-block; background:url(../images/common/sprite.png); background-repeat:no-repeat; text-indent:-9999px;  }
/*날씨아이콘*/
.icon_w{ width: 34px; height:30px; background-size:570px; margin-right:3px; }
.icon_w01{ background-position:4px -156px; }
.icon_w02{ background-position: -27px -156px; }
.icon_w03{ background-position: -58px -156px; }
.icon_w04{ background-position: -89px -156px; }
.icon_w05{ background-position: -120px -156px; }
.icon_w06{ background-position: -151px -156px; }
.icon_w07{ background-position: -182px -156px; }
.icon_w08{ background-position: -216px -156px; }
/*미세먼지*/
.icon_dust{ width:30px; height:30px; background-size:670px; }
.icon_dust01{ background-position:0 -219px; }
.icon_dust02{ background-position: -35px -219px; }
.icon_dust03{ background-position: -70px -219px; }
.icon_dust04{ background-position: -105px -219px; }
.icon_dust05 {background-position: -140px -219px;}

.icon_top_logo{ width:50px; height:22px; background-position:-605px -17px; background-size:680px; }

.icon_logo_m{ width:210px; height:58px; background-position:-221px 0; background-size:680px; }
.icon_close{ width:30px; height:30px; background-position:-493px -72px; background-size:790px; }
.icon_user{ width:25px; height:25px; background-position:-570px -69px; background-size:740px; margin-right:8px; }
.icon_logo{ width:210px; height:56px; background-position:0 0; background-size:680px; }

/*김지아 글로벌검색 버튼 작업*/
.icon_sch{ width:25px; height:25px; background-position:-227px -55px; background-size:620px; cursor: pointer}
/*끝*/
.icon_top_sch{ width:23px; height:23px; background-position:-466px -51px; background-size:570px; }
.icon_sch_sm{width:20px;height:20px;background-position: -157px -37px;background-size: 430px;}
.icon_menu,.icon_sitemap{ width:25px; height:25px; background-position:-262px -55px; background-size:620px; }

.icon_place{ width:15px; height:21px; background-position:-112px -57px; background-size:620px;  }
.icon_setting{ width:15px; height:15px; background-position:-78px -58px; background-size:600px;  }

.icon_step{ width:60px;height: 53px; background-size: 560px;}
.icon_step01{ background-position: 0 -100px;}
.icon_step02{ background-position: -61px -100px; }
.icon_step03{ background-position: -121px -96px; }
.icon_step04{ background-position: -182px -96px; }

.icon_blank{ width:17px; height:13px; background-position:-139px -59px; background-size:600px; margin-left:5px; }

.icon_water{ width: 65px;height: 32px; background-size: 340px;}
.icon_water01{ background-position: -145px -60px; }
.icon_water02{ background-position: -269px -60px; }
.icon_water03{ background-position: -209px -60px; }

.icon_arrow{ width:25px; height:25px; background-size:450px; }
.icon_prev{ background-position:0 -37px; }
.icon_next{ background-position:-27px -37px; }

.icon_bnr{ width:35px; height:35px;  background-size:600px; }
.icon_bnr_prev{ background-position:-186px -48px; }
.icon_bnr_next{ background-position:-158px -48px; }

.icon_news{ width:35px; height:35px; border:#000 solid 1px; margin-left:-1px; background-size:600px; }
.icon_news_prev{ background-position:-186px -48px; }
.icon_news_next{ background-position:-158px -48px; }

.icon_link{width:25px;height:25px; background-size:600px;}
.icon_link_prev{background-position: -190px -53px;}
.icon_link_next{background-position: -163px -53px;}

.icon_sns{ width:25px;height:25px; background-size:820px; }
.icon_sns01{ background-position: 0 -117px }
.icon_sns02{ background-position: -30px -117px }
.icon_sns03{ background-position: -60px -117px }
.icon_sns04{ background-position: -90px -117px }
.icon_sns05{ background-position: -120px -117px }
.icon_sns06{ background-position: -150px -117px }

.icon_logo_btm{width: 292px;height: 39px;background-position: -268px -182px;background-size: 560px;}

.icon_top{ width:39px;height:45px; background-size:790px; background-position:-639px -10px; }


/*김지아 flex 추가*/
.flex {display: flex;}
/*끝*/

@media all and (min-width:1400px){
	.icon_logo{ width:223px; height:60px; background-size:730px; }

	.icon_step{width:70px;height: 70px;background-size: 680px;}
	.icon_step01{background-position: 0 -117px;}
	.icon_step02{background-position: -77px -118px;}
	.icon_step03{background-position: -150px -112px;}
	.icon_step04{background-position: -224px -111px;}

	.icon_sch_sm{width:30px;height:30px;background-position: -264px -64px;background-size: 720px;}

	.icon_water{width: 120px;height: 64px;background-size:670px;}
	.icon_water01{background-position: -290px -125px;}
	.icon_water02{background-position: -535px -119px;}
	.icon_water03{background-position: -415px -125px;}

	.icon_arrow{width:40px;height:40px;background-size: 710px; }
	.icon_prev{background-position: 0 -58px;}
	.icon_next{background-position: -43px -57px;}

	.icon_top{width: 52px;height: 62px;background-size: 1080px;background-position: -874px -14px;}
}

/*basic_layout*/

/* Padding Style */
.pt50 {padding-top:50px !important}
.pt45 {padding-top:45px !important}
.pt40 {padding-top:40px !important}
.pt35 {padding-top:35px !important}
.pt30 {padding-top:30px !important}
.pt25 {padding-top:25px !important}
.pt20 {padding-top:20px !important}
.pt15 {padding-top:15px !important}
.pt10 {padding-top:10px !important}
.pt5 {padding-top:5px !important}
.pt0 {padding-top:0px !important}

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

.pl50 {padding-left:50px !important}
.pl45 {padding-left:45px !important}
.pl40 {padding-left:40px !important}
.pl35 {padding-left:35px !important}
.pl30 {padding-left:30px !important}
.pl25 {padding-left:25px !important}
.pl20 {padding-left:20px !important}
.pl15 {padding-left:15px !important}
.pl10 {padding-left:10px !important}
.pl5 {padding-left:5px !important}
.pl0 {padding-left:0px !important}

.pr50 {padding-right:50px !important}
.pr45 {padding-right:45px !important}
.pr40 {padding-right:40px !important}
.pr35 {padding-right:35px !important}
.pr30 {padding-right:30px !important}
.pr25 {padding-right:25px !important}
.pr20 {padding-right:20px !important}
.pr15 {padding-right:15px !important}
.pr10 {padding-right:10px !important}
.pr5 {padding-right:5px !important}
.pr0 {padding-right:0px !important}

/* margin Style */
.mt100 {margin-top:100px !important}
.mt75 {margin-top:75px !important}
.mt65 {margin-top:65px !important}
.mt50 {margin-top:50px !important}
.mt45 {margin-top:45px !important}
.mt40 {margin-top:40px !important}
.mt35 {margin-top:35px !important}
.mt30 {margin-top:30px !important}
.mt25 {margin-top:25px !important}
.mt20 {margin-top:20px !important}
.mt15 {margin-top:15px !important}
.mt10 {margin-top:10px !important}
.mt5 {margin-top:5px !important}
.mt0 {margin-top:0px !important}

.mb100 { margin-bottom:100px !important;}
.mb75 {margin-bottom:75px !important}
.mb60 {margin-bottom:60px !important}
.mb50 {margin-bottom:50px !important}
.mb45 {margin-bottom:45px !important}
.mb40 {margin-bottom:40px !important}
.mb35 {margin-bottom:35px !important}
.mb30 {margin-bottom:30px !important}
.mb25 {margin-bottom:25px !important}
.mb20 {margin-bottom:20px !important}
.mb15 {margin-bottom:15px !important}
.mb10 {margin-bottom:10px !important}
.mb5 {margin-bottom:5px !important}
.mb0 {margin-bottom:0px !important}

.ml100 { margin-left:100px !important;}
.ml75 {margin-left:75px !important}
.ml60 {margin-left:60px !important}
.ml50 {margin-left:50px !important}
.ml45 {margin-left:45px !important}
.ml40 {margin-left:40px !important}
.ml35 {margin-left:35px !important}
.ml30 {margin-left:30px !important}
.ml25 {margin-left:25px !important}
.ml20 {margin-left:20px !important}
.ml15 {margin-left:15px !important}
.ml10 {margin-left:10px !important}
.ml5 {margin-left:5px !important}
.ml0 {margin-left:0px !important}

.mr100 { margin-right:100px !important;}
.mr75 {margin-right:75px !important}
.mr60 {margin-right:60px !important}
.mr50 {margin-right:50px !important}
.mr45 {margin-right:45px !important}
.mr40 {margin-right:40px !important}
.mr35 {margin-right:35px !important}
.mr30 {margin-right:30px !important}
.mr25 {margin-right:25px !important}
.mr20 {margin-right:20px !important}
.mr15 {margin-right:15px !important}
.mr10 {margin-right:10px !important}
.mr5 {margin-right:5px !important}
.mr0 {margin-right:0px !important}

.margin_none{ margin:0 !important}

.mt_none{ margin-top:0 !important}
.mr_none{ margin-right:0 !important}
.mb_none{ margin-bottom:0 !important}
.ml_none{ margin-left:0 !important}

.pt_none{ padding-top:0 !important}
.pr_none{ padding-right:0 !important}
.pb_none{ padding-bottom:0 !important}
.pl_none{ padding-left:0 !important}

.border_none{ border:0 !important}

.clr:after{ display:block; content:""; clear:both }
.fl{ float:left  !important}
.fr{float:right  !important}

.tc{ text-align:center  !important}
.tl{ text-align:left  !important}
.tr{ text-align:right  !important}

.blind { position:absolute; overflow:hidden; width:1px; height:1px; padding:0; margin-top:-1px; font-size:0; line-height:0; text-indent:-9999px}
caption, legend { overflow:hidden; width:0px; height:0px; padding:0; margin-top:-1px; font-size:0; line-height:0; text-indent:-9999px}

.scroll_block {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}