@charset "utf-8";

/* =========================== skip네비게이션 ====================================== */
#skip a{position:absolute; top:0px; left:-9999px; z-index:100;}
#skip a:focus, #skip a:active{left:0px;width:100%;text-align:center;padding:10px 0px;background:#004c80;color:#fff;font-weight:bold;}

/* =========================== 공통 레이아웃 ============================= */
div#wrap{position: relative;width:100%; min-height: 100%; word-break: keep-all;line-height: 1;margin-bottom: 70px;}
#header{position:relative;background: #262626;padding: 15px 0;}
#header_n{position:relative; display: flex; background: #fff; border-bottom:1px solid #e7e7e7; padding: 15px 10px;}
#container{position:relative;width:92%;margin: 15px auto;}
#container_m{position:fixed;width:100%; height:100vh !important}
.container_n{width:100% !important ; margin:0 auto !important;}
#footer{display: block;position: fixed;bottom: 0;left: 0;width: 100%;height: 60px;border-top-left-radius: 10px;border-top-right-radius: 10px;background: linear-gradient(300deg, #e72e33 0, #e9854a 100%);z-index: 993;}

#header h1{width: 35%;height: 18px;margin: 0 auto;background: url('../images/common/logo.png') no-repeat 50% 50%;background-size: contain;}
#header h1 a{display: block;}
#header span{position: absolute;top: 16px;left: 15px;}
#header span a{display: inline-block;width: 10px;height: 18px;background: url(../images/common/m_arrow.png)no-repeat center;background-size: 100%;}

#header_n h1{float:left; width: 35%;height: 20px;background: url('../images/common/logo_bk.png') no-repeat 50% 50%;background-size: contain;}
#header_n h1 a{display: block;}
#header_n h2{width: 70%; font-size: 1.3em; text-align: center; line-height: 20px; font-weight: 600;}
#header_n span.floL{width: 15%;}
#header_n span a{display: block;width: 20px;height: 20px;background: url(../images/common/icon_arrow.png)no-repeat center;background-size: 100%;}
#header_n span a.setting{position: absolute; right: 10px; background: url(../images/common/icon_setting.png)no-repeat center;background-size: 100%;}
#header_n span a.search{background: url(../images/common/icon_search.png)no-repeat center;background-size: 100%;}
#header_n span a.home{background: url(../images/common/icon_home.png)no-repeat center;background-size: 100%;}
#header_n div.ds{position: absolute; right: 15px; top: 15px;}
#header_n div.ds span{margin-left: 15px;}

#header nav.gnb{margin-left: 120px;}
#header nav.gnb ul{display: flex;}
#header nav.gnb li{margin-right: 60px;}
#header nav.gnb li a{display: block; font-size: 17px; color: rgba(255,255,255,.5); font-weight: 400; border-bottom: 1px solid transparent; padding: 0 3px; position: relative;  transition: all 0.5s;}
#header nav.gnb li a::after{content: "";width: 100%;height: 3px;background: linear-gradient(300deg, #e72e33 0, #e9854a 100%);position: absolute;bottom: -35px;left: 0;transform: scaleX(0);transform-origin: left;transition: all 0.5s;}
#header nav.gnb li a:hover::after, #header nav.gnb li a.active::after{transform: scaleX(1); }
#header nav.gnb li a:hover, #header nav.gnb li a.active{color: rgba(255,255,255,1); }

.titInfo{ width: 100%; background: #fff; box-shadow: 0 1px 5px 1px rgba(0, 0, 0, .05);}
.titInfo dl{display: flex;border-left: 1px solid #e5e5e5;width:1300px;height: 60px;margin:0 auto;line-height: 60px;}
.titInfo dt{padding-left: 40px;font-size: 18px;color: #000;font-weight: 600;}
.titInfo dd{ font-size: 16px;  color: #000;  font-weight: 600;  padding-right: 80px;}
.titInfo dd img{margin: 18px 10px;}
.titInfo dd:last-child{border-left: 1px solid #e5e5e5;padding-left: 40px;color: rgba(0,0,0,.4);}

#footer .btm-nav{}
#footer .btm-nav ul{display: flex; width: 100%; height: 100%;}
#footer .btm-nav li{width: 33.333%;}
#footer .btm-nav li a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;padding: 35px 0 5px;font-size: 1.05em;color: #fff;line-height: 30px;}
#footer .btm-nav li:nth-child(1) a{background: url('../images/common/m_mu01.png') 50% 10px no-repeat;background-size: 20px 23px;}
#footer .btm-nav li:nth-child(2) a{background: url('../images/common/m_mu02.png') 50% 10px no-repeat; background-size: 20px 23px;}
#footer .btm-nav li:nth-child(3) a{background: url('../images/common/m_mu03.png') 50% 10px no-repeat; background-size: 20px 23px;}