/* reset */
@import url('https://fonts.googleapis.com/earlyaccess/notosanskr.css');
@keyframes fadeIn {0%{opacity:0} 100%{opacity:1}}

* { margin: 0; padding: 0; box-sizing: border-box }
*::selection { color: #FFF; background: #7CE }
html {	height: 100% }
body { height: 100%; font-weight: 300; font-family: 'Noto Sans KR', dotum sans-serif; color: #5E5E5E; background-color: #EFF2F5 }
a {	color: #5E5E5E; outline:0; text-decoration: none }
a:hover { color: #3498DB }
a:visited {	text-decoration: none }
img { border: 0 }
html, button, input, select, textarea { font-weight: 400; font-family: 'Noto Sans KR', dotum sans-serif }

/* 색상 정의 */
.c_red { color: #FF6B6B !important }
.c_green { color: #50DD8C !important }
.c_blue { color: #3498DB !important }
.c_orange { color: #FF9531 !important }
.c_pink { color: #FF8CD0 !important }
.bg_red { background-color: #FF6B6B !important }
.bg_green { background-color: #50DD8C !important }
.bg_blue { background-color: #3498DB !important }
.bg_orange { background-color: #FF9531 !important }
.bg_pink { background-color: #FF8CD0 !important }

/* 리스트 정의 */
.ul_default { margin: 0; padding: 0; list-style-type: none }
.ul_inline { line-height: 1 }
.ul_inline li { float: left }
.box_default { background-color: #FFF; border-bottom: #DDD solid 1px !important }
.group_shadow:hover { box-shadow: #FB0 0px 0px 10px; transition: all 0.2s ease }
.icon_wrap { width: 36px; height: 36px; border: #DDD solid 1px; border-radius: 50% }
.icon_wrap img { border-radius: 50% }

/* IE 지원 불가 */
.not_supported { position: relative; z-index: 2000 }
.not_supported_message { width: 100%; padding: 20px; text-align: center; line-height: 200%; border-bottom: #DDD solid 3px; background-color: #FFF; z-index: 1000 }
.install_chrome { font-weight: bold; font-size: 30px; line-height: 30px }

/* 사이트 헤더 */
#header { position: relative; width: 100%; min-width: 1100px; background: url('./image/header_default.jpg') no-repeat top transparent; background-attachment: fixed; } /* url('https://lh3.googleusercontent.com/D3KNjOCzzmKLE0XbFYbLecp7f3G4dnnzQMjFyeMPSw=w1920-h1200') */
@media (min-width: 1920px) {
    #header {
     background-size: contain; 
    }
  }
#header .header_wrap { position: relative; width: 1100px; margin: 0 auto }
.top_nav_wrap { position: absolute; right: 0; z-index: 11 }
/* .top_nav:before { position: absolute; display: block; top: 34px; width: 100%; height: 34px; content: '' } header_winter.jpg 배경*/
ul.top_nav > li { position: relative; height: 100px; float: left; margin: 0 20px; font-size: 18px }
ul.top_nav > li > a { display: block; height: 65px; color: #FFF; line-height: 100px; text-shadow: #000 1px 1px 1px; border-bottom: transparent solid 2px; transition: all .2s ease-in-out }
ul.top_nav > li:hover > a { color: #FF0; border-bottom-color: #FF0 }
ul.top_nav > li:hover > ul { display: block; animation: fadeIn .2s ease-in }
ul.top_nav ul { position: absolute; display: none; top: 80px; left: 50%; width: 150px; margin-left: -75px; z-index: 5 }
ul.top_nav ul li { position: relative; font-weight: 300; font-size: 14px; letter-spacing: -1px; background-color: #FFF; border-top: #DDD solid 1px; }
ul.top_nav ul li:first-child { border: none }
ul.top_nav ul li:hover ul { display: block; animation: fadeIn .2s ease-in }
ul.top_nav ul li a { display: block; padding: 10px 20px }
ul.top_nav ul li .is_son { position: absolute; top: 0; right: 10px; font-weight: 900; font-size: 12px; color: #AAA; line-height: 34px; z-index: 6 }
ul.top_nav ul.second_depth { top: 0; left: 100%; margin-left: 0; background-color: #FFF }
ul.top_nav ul.second_depth li:first-child { border-left: #DDD dashed 1px }

/* 메인 기본 설정 */
#container { position: relative; width: 1100px; margin: 0 auto }