@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,400,500,600,700,800,900');

* { margin:0;padding:0;}
body { font-family: 'Noto Sans KR', sans-serif;overflow:hidden;min-width:1200px;}
#wrap { width:100%;min-width:1200px;}

.w1200 { width:1200px;margin:0 auto;}
.clear { display:block;content:"";clear:both;visibility:hidden;}
table { border-collapse:collapse;border-spacing:0;}
#container { min-width:1200px;}
#container:after {display:block;visibility:hidden;clear:both;content:""}

#header {width:100%;position:relative;min-width:1200px;}
#topMenu { width:100%;height:44px;border-bottom:1px solid #eaeaea;background:#f6f6f6}
#topMenu .donky_info { float:left;line-height:44px;font-size:12px;letter-spacing:-0.4px;font-weight:400;color:#707070;}
#topMenu .donky_info img { margin-right:8px;vertical-align:-3px;}
#topMenu .tnb { float:right;}
#topMenu .tnb li { float:left;line-height:44px;margin-left:20px;}
#topMenu .tnb li a { font-size:12px;letter-spacing:-0.4px;font-weight:400;color:#707070;}
#topMenu .tnb li a.red, #topMenu .tnb li a span.cnt { color:#15c654}
#topMenu .tnb li a:hover { text-decoration:underline;}

#right_panel { z-index:9999;position:absolute;right:0;top:0;margin-top:45px;}
#right_panel .right_panel { width:160px;padding:0 20px;border-left:1px solid #eaeaea;background:#fff;min-height:1000px;position:relative;}
#right_panel .panel_menu > li { border-bottom:1px solid #eaeaea}
#right_panel .panel_menu li a { font-size:13px;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.4px;line-height:46px;color:#707070;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
#right_panel .panel_menu li a:hover { color:#15c654;}
#right_panel .panel_menu li .ico { display:inline-block;margin:0 5px;}
#right_panel .panel_menu li .line { display:inline-block;width:1px;height:10px;background:#ccc;margin:0 5px 0 5px;vertical-align:middle;}
#right_panel .panel_menu li.icon_list { height:227px;padding-top:20px;}
#right_panel .panel_menu li.icon_list:after { display:block;content:"";visibility:hidden;clear:both;}
#right_panel .panel_menu li.icon_list ul li { float:left;}
#right_panel .panel_menu li.icon_list ul li.ct { margin:0 11px 0 12px;}
#right_panel .panel_menu li.talk { position:relative;padding:10px 0;}
#right_panel .panel_menu li.talk p { position:absolute;top:40px;left:57px;font-size:13px;color:#333;line-height:1;}
#right_panel .panel_menu li.bank { padding:10px 0 5px;}
#right_panel .panel_menu li.bank p { font-size:13px;font-family: 'Noto Sans KR', sans-serif;font-weight:400;color:#707070;}
#right_panel .panel_menu li.bank p strong { color:#333;font-weight:400;}
#right_panel .panel_menu li.bank p.nb { font-size:14px;font-weight:400;letter-spacing:0.6px;color:#333;}
#right_panel #panel_btn { position:absolute;left:-36px;top:415px;cursor:pointer}

#top { width:100%;}
h1#logo { float:left;margin:39px 114px 34px 0;padding:0;font-size:0;display:block;width:218px;height:79px;background:url("../images/logo.png") no-repeat center;}
h1#logo a { display:block;width:100%;height:100%;}
#top .search_box { float:left;margin:38px 0 37px 0;}
#top .search_box #ssch_q { float:left;width:443px;height:51px;padding-left:30px;border:2px solid #15c654;background:#fff;box-sizing:inherit;line-height:51px;
border-radius:50px 0 0 50px;}
#top .search_box .search_btn { float:left;width:73px;height:55px;border:none;font-size:17px;letter-spacing:-0.4px;color:#fff;background:#15c654;font-family: 'Noto Sans KR', sans-serif;
font-weight:400;cursor:pointer; border-radius:0 50px 50px 0; position: relative;}




#top .top_slider { float:right;margin:40px 0 0 0;width:211px;position:relative;overflow:hidden;} <?/* height:66px; */?>
#top .top_slider .Tslider_btn { font-size:0;position:absolute;top:0;left:77px;z-index:100;}
#top .top_slider .Tslider_btn span { display:inline-block;font-size:0;border:1px solid #d2d2d2;position:relative;z-index:100;}
#top .top_slider .Tslider_btn span#TslideNext { margin-left:-1px;}
#top .top_slider .Tslider_btn span:hover { border-color:#333;z-index:101;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
#top .top_slider .Tslider_btn span a { display:block;width:100%;height:100%;font-size:0;width:15px;height:15px;background-image:url("../images/Tslider_btn.png");background-repeat:no-repeat;background-position:0 0;}
#top .top_slider .Tslider_btn span:hover a { background-position-y:-15px !important;}
#top .top_slider .Tslider_btn span#TslideNext a { background-position:-15px 0;}

#nav { border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;height:48px;}
#nav .nav { float:left;}
#nav .nav li { float:left;margin:0 11px;}
#nav .nav li a { font-size:17px;letter-spacing:-0.4px;color:#333;line-height:48px;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
#nav .nav li a:hover { color:#15c654}
#nav .nav li.line { margin:0 15px;}
#nav .nav li.line span { display:inline-block;width:1px;height:14px;background:#e0e0e0;overflow:hidden;margin-top:17px;}
#nav .nav li.line.last { margin-right:0;}
#all_menu { float:right;position:relative;}
#all_menu .all_btn { display:inline-block;width:189px;height:50px;padding-left:46px;line-height:50px;margin-top:-1px;background:url("../images/nav_icon.png") no-repeat left top #15c654;font-size:18px;font-weight:400;letter-spacing:-0.4px;color:#fff;position:relative; }
#all_menu a.all_btn:after { content:"";display:inline-block;width:13px;height:7px;position:absolute;right:15px;top:22px;background:url("../images/allBtn_arrow.png") no-repeat center;}
#gnbBox { position:absolute;top:49px;left:0;width:233px;height:469px;background:#fff;z-index:1000;border:1px solid #bcbcbc; border-top:0;}
#gnbBox.sub_gnb { display:none;}
#gnbBox .gnb { position:relative;padding-top:8px;}
#gnbBox .gnb > li { height:42px;/*background-image:url("../images/nav_icon_off.png");background-repeat:no-repeat;*/
transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
#gnbBox .gnb > li:hover { background-color:#15c654}
#gnbBox .gnb > li span.ra_cate_icon {position:absolute; width:46px; height:42px; background:url("../images/nav_icon_off.png")no-repeat;}
#gnbBox .gnb > li.gnb01 span.ra_cate_icon { background-position-y:-50px;}
#gnbBox .gnb > li.gnb02 span.ra_cate_icon { background-position-y:-92px;}
#gnbBox .gnb > li.gnb03 span.ra_cate_icon { background-position-y:-134px;}
#gnbBox .gnb > li.gnb04 span.ra_cate_icon { background-position-y:-176px;}
#gnbBox .gnb > li.gnb05 span.ra_cate_icon { background-position-y:-218px;}
#gnbBox .gnb > li.gnb06 span.ra_cate_icon { background-position-y:-260px;}
#gnbBox .gnb > li.gnb07 span.ra_cate_icon { background-position-y:-302px;}
#gnbBox .gnb > li.gnb08 span.ra_cate_icon { background-position-y:-344px;}
#gnbBox .gnb > li.gnb09 span.ra_cate_icon { background-position-y:-386px;}
#gnbBox .gnb > li.gnb10 span.ra_cate_icon { background-position-y:-428px;}
#gnbBox .gnb > li.gnb11 span.ra_cate_icon { background-position-y:-470px;}

#gnbBox .gnb > li.gnb01:hover span.ra_cate_icon {background:url("../images/nav_icon.png")no-repeat; background-position-y:-50px;}
#gnbBox .gnb > li.gnb02:hover span.ra_cate_icon {background:url("../images/nav_icon.png")no-repeat; background-position-y:-92px;}
#gnbBox .gnb > li.gnb03:hover span.ra_cate_icon {background:url("../images/nav_icon.png")no-repeat; background-position-y:-134px;}
#gnbBox .gnb > li.gnb04:hover span.ra_cate_icon {background:url("../images/nav_icon.png")no-repeat; background-position-y:-176px;}
#gnbBox .gnb > li.gnb05:hover span.ra_cate_icon {background:url("../images/nav_icon.png")no-repeat; background-position-y:-218px;}
#gnbBox .gnb > li.gnb06:hover span.ra_cate_icon {background:url("../images/nav_icon.png")no-repeat; background-position-y:-260px;}
#gnbBox .gnb > li.gnb07:hover span.ra_cate_icon {background:url("../images/nav_icon.png")no-repeat; background-position-y:-302px;}
#gnbBox .gnb > li.gnb08:hover span.ra_cate_icon {background:url("../images/nav_icon.png")no-repeat; background-position-y:-344px;}
#gnbBox .gnb > li.gnb09:hover span.ra_cate_icon {background:url("../images/nav_icon.png")no-repeat; background-position-y:-386px;}
#gnbBox .gnb > li.gnb10:hover span.ra_cate_icon {background:url("../images/nav_icon.png")no-repeat; background-position-y:-428px;}
#gnbBox .gnb > li.gnb11:hover span.ra_cate_icon {background:url("../images/nav_icon.png")no-repeat; background-position-y:-470px;}

#gnbBox .gnb > li > a { display:block;padding-left:46px;font-size:14px;font-weight:400;letter-spacing:-0.8px;line-height:42px;color:#000;position:relative; text-align:center;}
#gnbBox .gnb > li:hover > a {color:#fff;}
#gnbBox .gnb > li > a i.gnb_arrow { position:absolute;left:214px;top:16px;width:6px;height:11px;background:url("../images/gnb_arrow.png") no-repeat center;
opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";visibility:hidden;transition-property:opacity, visibility, z-index;
transition-delay: 0ms, 300ms;transition-duration: 300ms, 0ms; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
#gnbBox .gnb > li > a i.gnb_arrow.is_on { opacity:1;filter:alpha(opacity=100);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";visibility:visible;transition-property: opacity, visibility, z-index;transition-duration: 300ms, 0ms;transition-delay: 0ms;}
#gnbBox .cate_box { display:none;position:absolute;right:235px;top:0;width:736px;height:388px;padding:40px;padding-right:0;background:#f9f9f9;border:1px solid #15c654;}
#gnbBox .cate_box .inner { position:relative;height:100%;}
#gnbBox .cate_box .inner h2 { font-size:14px;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.4px;line-height:1;font-weight:400;color:#fff;display:block;width:696px;border-bottom:1px solid #c9c9c9;padding-bottom:8px;margin-bottom:8px;}
#gnbBox .cate_box .inner .sub_gnb li { float:left;margin-right:36px;line-height:30px;}
#gnbBox .cate_box .inner .sub_gnb li a { font-size:13px;letter-spacing:-0.4px;color:#808080}
#gnbBox .cate_box .inner .sub_gnb li a:hover { text-decoration:underline;}
#gnbBox .cate_box .inner .cate_imgMenu { position:absolute;left:-20px;bottom:0;}
#gnbBox .cate_box .inner .cate_imgMenu li { float:left;margin:0 20px;}
#gnbBox .cate_box .inner .cate_imgMenu li.last { margin-right:0;}

#footer { border-top:2px solid #000;height:auto;min-width:1200px;}
#footer .footer_t {display:inline-block; width:100%; background:#f9f9f9; border-bottom:1px solid #d9d9d9;}
#footer .ft_smenu { padding:20px 0;float:left;}
#footer .ft_smenu ul li { float:left;}
#footer .ft_smenu ul li a { font-size:13px;font-family: 'Noto Sans KR', sans-serif;line-height:1;color:#a8a8a8;}
#footer .ft_smenu ul li.line span { display:inline-block;width:1px;height:11px;background:#c5c5c5;margin:0 22px;vertical-align:-4px;}
#footer .ft_right {padding:20px 0; float:right;}
#footer .ft_right ul li {float:left;font-family: 'Noto Sans KR', sans-serif;line-height:1;color:#666;}
#footer .ft_right ul li a {font-size:13px; color:#a8a8a8;}
#footer .ft_right ul li.line span { display:inline-block;width:1px;height:11px;background:#c5c5c5;margin:0 22px;vertical-align:-4px;}
#footer .address { float:left;max-width:880px;}
#footer .address p { font-size:12px;font-family: 'Noto Sans KR', sans-serif;line-height:20px;color:#999}
#footer .address .line { display:inline-block;width:1px;height:9px;background:#b6b6b6;margin:0 10px;}
#footer .address .star { vertical-align:-3px;}
#footer .ft_center { float:right;width:256px;height:245px;background:url("../images/ft_center_icon.png") no-repeat #fff;background-position:250px top;padding:30px 30px 0;}
#footer .ft_center h3 { font-size:15px;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.4px;line-height:1;font-weight:400;color:#1e1e1e;}
#footer .ft_center p { font-size:14px;font-family: 'Noto Sans KR', sans-serif;letter-spacing:-0.4px;color:#707070}
#footer .ft_center p .tell { font-size:30px;color:#000;line-height:1.7;}
#footer .ft_center p strong { font-weight:400;color:#1e1e1e;}
#footer .ft_center span.red { color:#15c654}
#footer .ft_center span.mini { font-size:13px;margin-top:5px;display:inline-block;}
#footer .ft_center ul { margin-top:15px;}
#footer .ft_center ul li { float:left;}
#footer .ft_center ul li.talk { margin-left:10px;position:relative;width:170px;}
#footer .ft_center ul li.talk p { position:absolute;top:34px;left:62px;font-size:13px;color:#333;}

#footer .ft_mid {padding:50px 0; display:table;}
#footer .ft_mid ul.ft_m_ul>li {float:left; position:relative; padding:0 30px}
#footer .ft_mid ul.ft_m_ul>li:first-child {padding-left:0;}
#footer .ft_mid ul.ft_m_ul>li::after {content:""; width:1px; height:159px; background:#d9d9d9; position:absolute; top:0; right:0;}
#footer .ft_mid ul.ft_m_ul>li:last-child::after {display:none;}
#footer .ft_mid ul.ft_m_ul>li p {font-size:13px; color:#4a4a4a; font-family:'nanumgothic'; font-weight:bold; line-height:1; padding-bottom:20px;}
#footer .ft_mid ul.ft_m_ul>li h3 {font-size:26px; line-height:1; font-family:'Montserrat'; padding-bottom:10px;}
#footer .ft_mid ul.ft_m_ul01 {}
#footer .ft_mid ul.ft_m_ul01 li {font-family:'nanumgothic'; font-size:13px; line-height:27px; position:relative; color:#888;}
#footer .ft_mid ul.ft_m_ul01 li::before {content:"- ";}
#footer .ft_mid ul.ft_m_ul01 li span.ft_m_ul01_s {display:inline-block; padding-left:44px;}
#footer .ft_mid span.ft_m_span {border-top:1px dashed #d9d9d9; display:inline-block; width:100%; font-family:'nanumgothic'; font-size:12px; line-height:20px; color:#888;
padding-top:15px; margin-top:15px;}
#footer .ft_mid ul.ft_m_ul02 {}
#footer .ft_mid ul.ft_m_ul02 li {width:90px; height:32px; border:1px solid #d9d9d9; text-align:center; float:left;}
#footer .ft_mid ul.ft_m_ul02 li:first-child {margin-right:3px; margin-bottom:3px;}
#footer .ft_mid ul.ft_m_ul02 li:nth-child(3) {clear:both; margin-right:3px;}
#footer .ft_mid ul.ft_m_ul02 li a {font-size:13px; font-family:'nanumgothic'; line-height:31px; color:#888;}

#footer .ft_btm {border-top:1px solid #d9d9d9; background:#f9f9f9; padding:40px 0;}
#footer .ft_btm .ft_btm_left {width:228px; height:197px; text-align:left; position:relative; border-right:1px solid #d9d9d9; float:left;}
#footer .ft_btm .ft_btm_left img {position:absolute; left:0; top:50%; transform:translate(0, -50%);}
#footer .ft_btm .ft_btm_right {float:left; padding-left:40px;}
#footer .ft_btm .ft_btm_right p {font-size:13px; font-family:'nanumgothic'; font-weight:bold; color:#4a4a4a; line-height:1; padding-bottom:10px;}
#footer .ft_btm .ft_btm_right ul li {font-size:13px; font-family:'nanumgothic'; line-height:25px; color:#888;}
/*
#footer .ft_btm .ft_btm_right ul li:last-child {color:#de1818}
*/
#footer .ft_btm .ft_btm_right span {display:inline-block; font-size:13px; font-family:'nanumgothic'; color:#888; padding-top:15px;}


#updownBtn { position:fixed;width:40px;bottom:30px;right:50%;margin-right:-670px;}
#updownBtn a { display:block;height:40px;background:#d5d5d5;transition:all .3s;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;}
#updownBtn a:hover { background:#000;}
#updownBtn a i.arrow { display:block;width:40px;height:40px;}
#upBtn { margin-bottom:5px;}
#upBtn i.arrow { background:url("../images/upBtn.png") no-repeat center transparent;}
#downBtn i.arrow { background:url("../images/downBtn.png") no-repeat center transparent;}