@font-face{font-family:'Nanum Gothic';font-style:normal;font-weight:700;src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot);src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype')}@font-face{font-family:'Nanum Gothic';font-style:normal;font-weight:400;src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.eot);src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype')}@font-face{font-family:'Nanum Gothic';font-style:normal;font-weight:300;src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Light.eot);src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Light.eot?#iefix) format('embedded-opentype'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Light.woff) format('woff'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-Light.ttf) format('truetype')}@font-face{font-family:'Nanum Gothic';font-style:normal;font-weight:800;src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-ExtraBold.eot);src:url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype')}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:12px;font:inherit;font-family:'Nanum Gothic'}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;text-transform:uppercase}

body{line-height:1}
ol,ul,li{list-style:none}blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
img{vertical-align:top}
a:link{text-decoration:none}

.wrap{width:1100px;margin:0 auto;position:relative}

#header .wrap{position:relative;overflow:hidden;background:#333;width:100%;height:40px;}
#header h1{width:180px;margin:5px auto 5px auto;}
#header h1 img{display:block}
#header .member{position:absolute;top:10px;left:1250px;}
#header .member li{float:left;margin-right:20px;}
#header .member li a{color:#fff;font-size:12px;}
#header .member li a:hover{font-weight:bold;letter-spacing:0}
#header .wrap select{font-size:12px;vertical-align:middle;margin-top:12px;position:absolute;left:1350px;}

.gnb-area {position:relative; width:100%; height:50px; overflow:hidden; border-top:1px solid #ddd; border-bottom:1px solid #ddd; z-index:100;}
.gnb-area:after {content:""; position:absolute;  top:53px; left:0; right:0; bottom:0; background-repeat: repeat-x;}
.gnb > ul {position:relative; z-index:2; width:1200px; margin:0 auto;}
.gnb > ul > li {float:left; position:relative; width:125px; line-height:50px;}
.gnb > ul > li > a {display:block; position:relative; color:#444; text-align:center; font-size:14px;}
.gnb > ul > li > a:hover {font-weight:bold;}
.gnb > ul > li > a:after {content:" "; display:block; position:absolute; bottom:-3px; left:50%; width:0; height:5px; background:#333;
 -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.gnb > ul > li.active > a:after {left:0; width:100%;  }
.gnb .submenu {position:absolute; top:50px; left:0; width:100%;  }
.gnb .submenu ul li a {display:block; width:100%; font-size:12px; line-height:32px; text-align:center; color:#666; }
.gnb .submenu ul li a:hover {background:#333; color:#fff; font-weight:bold;}

#quick_menu{position:fixed; top:0px; right:0px; bottom:0px; z-index:1000000; width:90px;}
#quick_menu li a{margin:5px auto 5px auto;color:#555;font-size:13px}
#quick_menu li a:hover{font-weight:bold;}

#contentsArea {font-size:14px;}

#contents .middle{width:1230px;height:300px;padding:3px 0;margin:0 auto}
#contents .middle .m1{width:300px;height:300px;float:left;padding:0 3px;}
#contents .middle .m2{width:300px;height:300px;float:left;padding:0 3px;}
#contents .middle .m3{width:300px;height:300px;float:left;padding:0 3px;}
#contents .middle .m4{width:300px;height:300px;float:left;padding-left:3px;}

#contents .bottom{width:1235px;height:300px;padding:3px 0 30px;margin:0 auto}
#contents .bottom .b1{width:400px;height:300px;float:left;padding:0 5px;}
#contents .bottom .b2{width:400px;height:300px;float:left;padding:0 5px;}
#contents .bottom .b3{width:400px;height:300px;float:left;padding-left:5px}

#content .route{font-size:14px;color:#555;margin-left:1350px; padding:10px}

#content .left_area{width:200px;margin-left:350px;position:absolute;}
#content .left_area h3{height:35px;padding:15px 0 0 25px;color:#fff;font-weight:bold;font-size:18px;background:#333}
#content .left_area>ul>li>a{display:block;height:30px;padding:12px 0 0 18px;border-bottom:1px solid #d2d2d2;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2}
#content .left_area>ul>li>a span{padding-left:10px;color:#666;font-size:15px;no-repeat}
#content .left_area>ul>li>a.on span{color:#000066;font-weight:bold}
#content .left_area>ul>li>a span:hover{font-weight:bold;}

#content .notice_area h4{margin-bottom:40px;font-size:35px;color:#333}
#content .notice_area p{line-height:55px;color:#444;font-size:15px}
#content .notice_area span{line-height:25px;color:#555;font-size:13px}

#content .right_area h4{margin-bottom:40px;font-size:35px;color:#333}
#content .right_area strong{line-height:55px;color:#444;font-size:25px}
#content .right_area span{line-height:25px;color:#555;font-size:15px}
#content .right_area .sub{display:table;margin: 50px 0 50px}
#content .right_area .sub figcaption{padding-left:20px;display:table-cell;vertical-align:middle;width:400px}
#content .right_area .ceo{display:table;margin: 50px 0 50px}
#content .right_area .ceo figcaption{padding-left:30px;display:table-cell;vertical-align:middle;width:550px}
#content .right_area .ceo p{line-height:40px;color:#444;font-size:20px}
#content .right_area .type{display:table;margin: 50px 0 50px}
#content .right_area .type figcaption{padding-left:30px;display:table-cell;vertical-align:top;width:750px}
#content .right_area .type strong{line-height:45px;color:#444;font-size:25px}
#content .right_area .jcdt{display:table;}
#content .right_area .jcdt figcaption{padding-left:30px;display:table-cell;vertical-align:top;width:450px}

#rese{font-size:13px;padding:20px 10px 20px 10px;border:1px solid #d2d2d2}
.formmail_title_bgcolor {background-color:#eee;vertical-align:middle}

#map_wrap {padding:100px 0}
#map_wrap:after {clear:both; content:''; display:block}
#map_wrap .left {float:left; width:65%}
#map_wrap .right {float:right; width:30%; text-align:left}
#map_wrap .right h4 {font-size:40px; letter-spacing:3px; color:#333}
#map_wrap .right span.middle {display:block; font-size:20px; font-weight:bold; letter-spacing:-1px; color:#444; padding-top:20px}
#map_wrap .right p {font-size:17px; font-weight:normal; letter-spacing:-1px; line-height:1.65; padding:20px 0; color:#555}
#map_wrap .right .tel_box {border:4px solid #d9d9d9; padding:10px 0; width:100%}
#map_wrap .right .tel_box span {font-size:25px; font-weight:700; letter-spacing:-1px; color:#444; margin:0 20px; vertical-align:middle}
#map_wrap .right .tel_box span.ns {font-size:17px; font-weight:700; letter-spacing:-1px; color:#555555; vertical-align:-3px}


#footer .footmenu{height:40px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
#footer .footmenu li{float:left}
#footer .footmenu .privacy{float:left}
#footer .footmenu .privacy li{margin:10px 20px 0 5px}
#footer .footmenu .privacy li a{color:#555;font-size:13px}
#footer .footmenu .privacy li a:hover{font-weight:bold;}
#footer .footmenu .privacy select{font-size:12px;vertical-align:middle;margin-top:12px;position:absolute;left:850px;}
#footer .footmenu .sns{float:right}
#footer .footmenu .sns li{width:46px;height:40px;border-left:1px solid #d9d9d9}
#footer .footmenu .sns li.last{border-right:1px solid #d9d9d9}
#footer .footsite{padding:35px 0 40px;border-bottom:1px solid #d9d9d9;background:#fff}
#footer .footsite dl{width:120px;float:left;position:relative}
#footer .footsite dt{margin-bottom:20px;color:#444;font-size:14px;font-weight:bold;letter-spacing:-.5px}
#footer .footsite dd li{margin-bottom:9px}
#footer .footsite dd li a{color:#666;font-size:12px;letter-spacing:-.25px}
#footer .footsite dd li a:hover{font-weight:bold;}
#footer .address{padding:10px 0 20px;clear:both;background:#333}
#footer .address p{margin-bottom:3px;color:#fff;font-size:12px}