@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);


/* all layout */
body {min-width:320px; word-break:keep-all; word-wrap:break-word;}
#wrap {min-width:1240px; padding-top:130px;}

@media (max-width:1260px) {
#wrap {min-width:100%;}
}

@media (max-width:1023px) {
#wrap {padding-top:95px;}
}

/* header */
#header {position:absolute; top:0; left:0; width:100%; background:transparent; z-index:101;}
#header .util {position:relative; background-color:#5e514a; z-index:100;}
#header .util .inside {max-width:1200px; margin:0 auto; height:42px;}
#header .util .inside .utilset {float:right; margin-top:13px; font-size:0; overflow:hidden;}
#header .util .inside .utilset li {display:inline-block; zoom:1; *display:inline; padding:0 13px; border-left:1px solid #877d76; vertical-align:middle;}
#header .util .inside .utilset li:first-child {border-left:none;}
#header .util .inside .utilset li a {display:inline-block; zoom:1; *display:inline; color:#dad8d7; font-size:12px; vertical-align:middle;}
#header .util .inside .utilset li a.on {text-decoration:underline;}
#header .util .inside .utilset li.end {padding-right:0;}
#header .util .inside .utilset li.end a {margin-left:10px;}
#header .util .inside .utilset li.end a:first-child {margin-left:0;}
#header .navtop_wrap {position:relative; background-color:#fff; box-shadow:0 1px 5px rgba(0, 0, 0, 0.2); overflow:hidden; z-index:100;}
#header .navtop_wrap:before {content:""; display:block; position:absolute; top:88px; left:0; width:100%; height:300px; border-top:1px solid #e4e4e4; background-color:#fff;}
#header .navtop_wrap .inside {position:relative; max-width:1200px; margin:0 auto;}
#header .navtop_wrap .inside:after {content:""; display:block; clear:both;}
#header .navtop_wrap .inside .logo {position:absolute; top:0; left:0; height:88px; margin:0; font-size:0; background:#fff; box-sizing:initial;}
#header .navtop_wrap .inside .logo a {display:block; padding:23px 50px 0 0;}
#header .navtop_wrap .inside .logo a img {vertical-align:middle;}
#header .navtop_wrap .inside .gnb {float:right;}
#header .navtop_wrap .inside .gnb ul {margin:0; padding:0;}
#header .navtop_wrap .inside .gnb > ul:after {content:""; display:block; clear:both;}
#header .navtop_wrap .inside .gnb > ul > li {position:relative; float:left; padding:0 25px; text-align:left;}
#header .navtop_wrap .inside .gnb > ul > li:first-child {padding:0 25px;}
#header .navtop_wrap .inside .gnb > ul > li > a {display:block; height:88px; line-height:88px; color:#333; font-size:18px;font-family:'Noto Sans KR';font-weight:400;}
#header .navtop_wrap .inside .gnb > ul > li > a:hover {text-decoration:none;}
#header .navtop_wrap .inside .gnb > ul > li .depth2 {position:absolute; top:95px; left:0; width:100%; min-height:187px; padding:11px 0px 20px 28px;}
#header .navtop_wrap .inside .gnb > ul > li:first-child .depth2 {padding:11px 0 20px 28px;}
#header .navtop_wrap.active .inside .gnb > ul > li .depth2 {opacity:1; transform:translateY(0);}
#header .navtop_wrap .inside .gnb > ul > li .depth2 li {margin-top:9px;}
#header .navtop_wrap .inside .gnb > ul > li .depth2 li:first-child {margin-top:0;}
#header .navtop_wrap .inside .gnb > ul > li .depth2 li a {color:#333; font-size:13px; letter-spacing:-0.2px;font-family:'Noto Sans KR'}
#header .navtop_wrap .inside .gnb > ul > li .depth2 li a:hover {color:#da6730;}
#header .gnb_dim {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter:alpha(opacity=60); opacity:.6; z-index:99;}
#header.fixed .navtop_wrap {position:fixed; top:0; left:0; width:100%;}
#header .m_nav {display:none; position:absolute; top:35px; left:0; right:0; height:60px; padding:0 20px; background:#fff; box-shadow:0 1px 5px rgba(0, 0, 0, 0.2);}
#header .m_nav .logo {margin-top:12px; font-size:0;}
#header .m_nav .logo a img {height:38px;}
#header .m_nav .btn_menu {position:absolute; z-index:10; right:25px; top:20px; cursor:pointer; -webkit-transform:rotateY(0); transform:rotateY(0); -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
#header .m_nav .btn_menu .line {width:32px; height:2px; margin:0 0 7px 0; background:#333; -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
#header .m_nav .btn_menu .line:last-child {margin-bottom:0;}
#header .m_nav .btn_menu.active {-webkit-transform:rotate(180deg); transform:rotate(180deg);}
#header .m_nav .btn_menu.active .line {margin:0 0 4px 0;}
#header .m_nav .btn_menu.active .line:nth-child(1) {-webkit-transform:rotate(45deg) translate(4px, 4px); transform:rotate(45deg) translate(4px, 4px);}
#header .m_nav .btn_menu.active .line:nth-child(2) {opacity:0;}
#header .m_nav .btn_menu.active .line:nth-child(3) {-webkit-transform:rotate(-45deg) translate(5px, -4px); transform:rotate(-45deg) translate(5px, -4px);}
#header .m_nav.fixed {position:fixed; top:0;}
#header .m_nav .aside {display:block; position:fixed; top:0; right:-100%; width:80%; height:100%; overflow-y:auto; background-color:#fff; z-index:100;}
#header .m_nav .aside .m_head {position:relative; height:60px; background:#5e514a;}
#header .m_nav .aside .m_head .btn_close {position:absolute; right:20px; top:22px; z-index:10; cursor:pointer; -webkit-transform:rotateY(0); transform:rotateY(0); -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1);}
#header .m_nav .aside .m_head .btn_close .line {width:32px; height:2px; margin:0 0 4px 0; background:#fff; -webkit-transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); transition:all 0.4s cubic-bezier(0.23, 1, 0.32, 1); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
#header .m_nav .aside .m_head .btn_close .line:last-child {margin-bottom:0;}
#header .m_nav .aside .m_head .btn_close .line:nth-child(1) {-webkit-transform:rotate(45deg) translate(4px, 4px); transform:rotate(45deg) translate(4px, 4px);}
#header .m_nav .aside .m_head .btn_close .line:nth-child(2) {opacity:0;}
#header .m_nav .aside .m_head .btn_close .line:nth-child(3) {-webkit-transform:rotate(-45deg) translate(5px, -4px); transform:rotate(-45deg) translate(5px, -4px);}
#header .m_nav .aside .m_menu > ul > li {border-bottom:1px solid #e4e4e4;}
#header .m_nav .aside .m_menu > ul > li > a {position:relative; display:block; padding:18px 20px; color:#333; font-size:15px; font-weight:600; letter-spacing:-0.5px;}
#header .m_nav .aside .m_menu > ul > li > a:after {content:""; display:block; position:absolute; top:50%; right:20px; width:15px; height:15px; margin-top:-7px; background:url('/images/ico/ico_plus02.png') no-repeat 50% 50%; background-size:15px 15px;}
#header .m_nav .aside .m_menu > ul > li > a.on:after {background:url('/images/ico/ico_line02.png') no-repeat 50% 50%; background-size:15px 1px;}
#header .m_nav .aside .m_menu > ul > li > a:hover {text-decoration:none;}
#header .m_nav .aside .m_menu > ul > li > .depth2 {display:none; padding:0 20px; border-top:1px solid #e4e4e4; background:#f3f3f3;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li {border-top:1px solid #dedede;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li:first-child {border-top:none;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li a {position:relative; display:block; padding:15px 10px; color:#292929; font-size:14px; line-height:20px; font-weight:normal;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li a:after {content:""; display:block; position:absolute; top:50%; right:5px; width:8px; height:14px; margin-top:-7px; background:url('/images/ico/ico_arr03.png') no-repeat 50% 50%; background-size:8px 14px;}
#header .m_nav .aside .m_menu > ul > li > .depth2 li a:hover {text-decoration:none;}
#header .m_nav .aside .m_link ul {overflow:hidden;}
#header .m_nav .aside .m_link ul li {float:left; width:33.32%; text-align:center;}
#header .m_nav .aside .m_link ul li a {display:block; height:30px; line-height:28px; padding:10px; color:#333; font-size:13px; border-left:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; background:#fff;}
#header .m_nav .aside .m_link ul li:first-child a {border-left:none;}
#header .m_nav .aside .m_link ul li a span {display:inline-block; line-height:18px; vertical-align:middle;}
#header .m_nav .aside_dim {display:none; position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); opacity:.5; z-index:99;}

@media (max-width:1260px) {
#header .util .inner {padding:0 20px; background-position:20px 50%;}
#header .navtop_wrap .inner {padding:0 20px;}
#header .navtop_wrap .inner .logo a {padding:23px 50px 0 20px;}
}

@media (max-width:1200px) {
#header .navtop_wrap .inner .gnb > ul > li {padding:0 32px;}
#header .navtop_wrap .inner .gnb > ul > li .depth2 {padding:23px 0 30px 33px;}
#header .navtop_wrap .inner .gnb > ul > li .depth2 li a {letter-spacing:-0.5px;}
}

@media (max-width:1023px) {
#header .util {z-index:90;}
#header .util .inner {height:35px; background-size:187px 23px;}
#header .util .inner .link_list {display:none; margin-top:10px;}
#header .util .inner .link_list li a {font-size:13px; line-height:13px;}
#header .navtop_wrap {display:none;}
#header .m_nav {display:block;}
}

@media (max-width:640px) {
#header .util .utilset {display:none;}
#header .m_nav .logo {margin-top:14px;}
#header .m_nav .logo a img {height:32px;}
}

/* footer */
#footer9 {min-height:200px; border-top:1px solid #e6e6e6; background:#fff;}
#footer9 .foot_top {padding:0; background:#594c46;height:53px;}
#footer9 .foot_top .inner {position:relative; max-width:1200px; margin:0 auto;}
#footer9 .foot_top .inner .select_area:after {content:""; display:block; clear:both;height:53px;}
#footer9 .foot_top .inner .select_area .select_box {position:relative; float:right;height:53px;}
#footer9 .foot_top .inner .select_area .select_box:first-child {margin-left:0;}
#footer9 .foot_top .inner .select_area .select_box .btn_select {display:block; min-width:200px; height:53px; line-height:53px; padding:0px 15px; color:#fff; font-size:14px;background-color:#45352d; background-image:url('../image/common/icon_more2.png'); background-repeat:no-repeat; background-position:90% 50%; box-sizing:initial;}
#footer9 .foot_top .inner .select_area .select_box .btn_select:hover {text-decoration:none; color:#fff;}
#footer9 .foot_top .inner .select_area .select_box ul {display:none; position:absolute; bottom:50px; width:100%; max-height:200px; padding:15px 0; background:#352821; overflow-y:auto; z-index:100;}
#footer9 .foot_top .inner .select_area .select_box ul li {margin-top:5px;}
#footer9 .foot_top .inner .select_area .select_box ul li:first-child {margin-top:0;}
#footer9 .foot_top .inner .select_area .select_box ul li a {display:block; padding:0 15px; color:#dedede; font-size:14px; line-height:20px;}
#footer9 .foot_top .inner .link_area {position:absolute; top:13px; float:left;}
#footer9 .foot_top .inner .link_area ul {overflow:hidden;}
#footer9 .foot_top .inner .link_area ul li {float:left;}
#footer9 .foot_top .inner .link_area ul li a {display:inline-block; padding-left:15px; color:#bab5b2; font-size:14px; border-left:1px solid #bab5b2; vertical-align:middle;}
#footer9 .foot_top .inner .link_area ul li:first-child a {padding-right:15px;padding-left:0px; border-left:none;}


#footer9 .foot_btm {padding-top:30px;background:#685c55;height:150px;}
#footer9 .foot_btm .inner {position:relative; max-width:1200px; margin:0 auto;}
#footer9 .foot_btm .inner .foot_logo {position:absolute; top:0px; left:0;}
#footer9 .foot_btm .inner .foot_txt {padding:0 50px 0 170px;}
#footer9 .foot_btm .inner .foot_txt p {color:#bab5b2; font-size:13px; line-height:20px;}
#footer9 .foot_btm .inner .foot_txt p span {display:block;}
#footer9 .foot_copy {padding:20px 20px; text-align:center; border-top:1px solid #e6e6e6; background:#fff;}
#footer9 .foot_copy p {color:#666; font-size:14px; line-height:20px;}

@media (max-width:1260px) {
#footer9 .foot_top {padding:0px;}
#footer9 .foot_btm {padding:30px 20px 30px 20px;}
#footer9 .foot_btm .inner .foot_txt p span {display:inline;}
}

@media (max-width:1023px) {
#footer9 .foot_top {padding:0px;  background:#594c46;}
#footer9 .foot_top .inner .select_area .select_box {width:32%; margin-left:2%;}
#footer9 .foot_top .inner .select_area .select_box:first-child {margin-left:0;}
#footer9 .foot_top .inner .select_area .select_box .btn_select {min-width:auto; font-size:14px;}
#footer9 .foot_top .inner .link_area {margin-top:3px;padding-left:20px;}
#footer9 .foot_btm {padding-top:40px 20px 30px 20px;}
#footer9 .foot_btm .inner .foot_logo {display:none;}
#footer9 .foot_btm .inner .foot_txt {padding:0 150px 0 0;}
#footer9 .foot_btm .inner .foot_txt p {font-size:14px; line-height:24px;}
#footer9 .foot_btm .inner .foot_sns a {width:32px; height:32px; background-size:162px 32px;}
#footer9 .foot_btm .inner .foot_sns a.twitter {background-position:-43px 0;}
#footer9 .foot_btm .inner .foot_sns a.blog {background-position:-87px 0;}
#footer9 .foot_btm .inner .foot_sns a.naver {background-position:-130px 0;}
}

@media (max-width:640px) {
#footer9 {background:#f9f9f9;}
#footer9 .foot_top {padding:0; background:#594c46;}
#footer9 .foot_top .inner .select_area {border-top:0px solid #594c46; border-bottom:0px solid #594c46;}
#footer9 .foot_top .inner .select_area .select_box {width:100%; margin:0;}
#footer9 .foot_top .inner .select_area .select_box:first-child {margin:0;}
#footer9 .foot_top .inner .select_area .select_box .btn_select {padding:6px 25px 6px 10px; font-size:12px; border:none; border-left:1px solid #594c46; background-color:#594c46; background-position:95% 50%; background-size:13px 13px;}
#footer9 .foot_top .inner .select_area .select_box:first-child .btn_select {border-left:none;}
#footer9 .foot_top .inner .select_area .select_box .btn_select span {display:inline-block; line-height:14px; vertical-align:middle;}
#footer9 .foot_top .inner .select_area .select_box ul {bottom:41px;}
#footer9 .foot_top .inner .select_area .select_box ul li a {font-size:11px; line-height:18px;}
#footer9 .foot_top .inner .link_area {padding-top:57px;}
#footer9 .foot_top .inner .link_area ul li a {color:#bab5b2; font-size:12px;}

#footer9 .foot_btm {padding:0px 10px;}
#footer9 .foot_btm .inner .foot_txt {padding-top:50px;}
#footer9 .foot_btm .inner .foot_txt p {font-size:12px; line-height:18px;}
}