@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

* { 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:#e51b13}
#topMenu .tnb li a:hover { text-decoration:underline;}

#right_panel { z-index:990;position:absolute;right:0;top:0;margin-top:45px;}
#right_panel .right_panel { width:175px;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:#e51b13;}
#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:236px;height:57px;background:url("../images/logo.gif") 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:463px;height:51px;padding-left:10px;border:2px solid #e51b13;background:#fff;box-sizing:inherit;line-height:51px;}
#top .search_box .search_btn { float:left;width:73px;height:55px;border:none;font-size:17px;letter-spacing:-0.4px;color:#fff;background:#e51b13;font-family: 'Noto Sans KR', sans-serif;font-weight:400;cursor:pointer;}
#top .top_slider { float:right;margin:40px 0 0 0;width:211px;height:66px;position:relative;overflow:hidden;}
#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:right;}
#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:#e51b13}
#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:left;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 #e51b13;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:235px;height:470px;background:#323232;z-index:1000;}
#gnbBox.sub_gnb { display:none;}
#gnbBox .gnb { position:relative;padding-top:8px;}
#gnbBox .gnb > li { height:42px;background-image:url("../images/nav_icon.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:#e51b13}
#gnbBox .gnb > li.gnb01 { background-position-y:-50px;}
#gnbBox .gnb > li.gnb02 { background-position-y:-92px;}
#gnbBox .gnb > li.gnb03 { background-position-y:-134px;}
#gnbBox .gnb > li.gnb04 { background-position-y:-176px;}
#gnbBox .gnb > li.gnb05 { background-position-y:-218px;}
#gnbBox .gnb > li.gnb06 { background-position-y:-260px;}
#gnbBox .gnb > li.gnb07 { background-position-y:-302px;}
#gnbBox .gnb > li.gnb08 { background-position-y:-344px;}
#gnbBox .gnb > li.gnb09 { background-position-y:-386px;}
#gnbBox .gnb > li.gnb10 { background-position-y:-428px;}
#gnbBox .gnb > li.gnb11 { 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:#fff;position:relative;}
#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;}
#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;left:235px;top:0;width:736px;height:388px;padding:40px;padding-right:0;background:#fff;border:1px solid #e51b13;}
#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:#333;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:3px solid #e51b13;background:#f9f9f9;height:275px;min-width:1200px;}
#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:#666;}
#footer .ft_smenu 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:#e51b13}
#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;}

#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;}