@import url("http://www.woori-isc.com/font/NotoKR-Bold/stylesheet.css"); @import url("http://www.woori-isc.com/font/NotoKR-Light/stylesheet.css"); @import url("http://www.woori-isc.com/font/NotoKR-Medium/stylesheet.css"); @import url("http://www.woori-isc.com/font/NotoKR-Regular/stylesheet.css"); @import url("http://www.woori-isc.com/font/NotoKR-Thin/stylesheet.css"); @import url("http://www.woori-isc.com/font2/stylesheet.css"); 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,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,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;line-height:155%;letter-spacing:normal} /* delete vertical-align,font:inherit; */ body,html{width:100%; font-size:15px; color:#797979; font-family:'s-core_dream', sans-serif; letter-spacing:-0.8px; line-height:21px; font-weight:400;} *{font-family:'s-core_dream', sans-serif;} .input_search {border:0; background:none; height:20px; width:155px; font-size:12px; color:#909496; font-family:"NotoKR-Regular",sans-serif;} .blind {position:absolute; top:0px; left:0px; overflow:hidden; display:inline-block !important; width:1px !important; height:1px !important; margin:0 !important; font-size:0 !important; line-height:0 !important;} .ellipsis {text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; word-wrap: normal !important; display: block;} .multiline {overflow:hidden; height: 4.2em; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.4em; text-overflow:ellipsis; } .line_bg{height:2px; background-color:#f5f5f5} .img_bor{border:1px solid #ddd} #wrap {position:relative; width:100%; min-width:1200px; } .phone {color:#666; letter-spacing:-0.5pt; line-height:100%; font-size:14px; font-family:'NotoKR-Medium'; font-weight:100;} .phone A:link {font-size:16px; color:#888888;} .phone A:visited {font-size:16px; color:#888888;} .phone A:active {font-size:16px; color:#888888;} .phone A:hover {TEXT-DECORATION:none; font-size:16px; color:#5a14c8;} .txt_01 {color:#333333; letter-spacing:-0.8px; line-height:22px; line-height:100%; font-size:20px; font-family:'NotoKR-Bold';} #header {position:relative; width:100%; border-top:2px solid #00427a; background:#fff; z-index:999; } #header .header_in {border-bottom:1px solid #d8d8d8;} #header .header_in .header_top{width:1170px; position:relative; margin:0 auto; padding-top:25px; height:90px; box-sizing:border-box;} #header .header_in h1 { position:absolute; left:50%; margin-left:-150px; width:184px; } #header .top_left {float:left;} #header .top_right {float:right; padding:8px 10px 0 0;} #header .header_in .header_top p.link_list {overflow:hidden; padding-top:10px;} #header .header_in .header_top p.link_list a{ display:block; float:left; margin-right:26px; font-family:'NotoKR-Medium'; font-size:13px; color:#888; letter-spacing:-0.5pt; } #header .header_in .header_top p.link_list a:last-child { background:none; padding:0; margin:0; } #header .header_in .header_top p.link_list img {margin:0 6px 1px 0; } .top_right {float:left;} .top_right .eng {position:relative; width:131px; height:45px; box-sizing:border-box; float:left; border:1px solid #ddd; margin-right:4px; background:url('/img/lang_arrow.gif') right 11px top 19px no-repeat;} .top_right .eng a {font-family:Noto Sans, sans-serif; display:block; width:129px; height:44px; padding:10px 13px 13px 40px; box-sizing:border-box; background:url('/img/lang_icon.gif') 10px 12px no-repeat} .top_right .eng button {width:166px; height:43px; box-sizing:border-box; background:url('/img/lang_icon.gif') 10px 15px no-repeat; background-color:#f5f5f5; border:none; cursor:pointer;} .top_right .eng a:link, .top_right .eng a:visited {letter-spacing:0; color:#666;} .top_right .eng ul.lang_box { position:absolute; top:43px; left:-1px; background-color: #f5f5f5; z-index:9999; padding:10px 0; border:1px solid #f5f5f5; box-sizing:border-box;} .top_right .eng ul.lang_box li {float:none; padding:0;} .top_right .eng ul.lang_box li a {padding:0; box-sizing:border-box; background:none; height:auto; padding: 5px 0 5px 35px;} .top_right .eng ul.lang_box li a:hover {color:#00427a; text-decoration:underline;} .top_search {position:relative; float:right; z-index:9999} .top_search dd .input_search {width:209px; height:45px; line-height:45px; background:#fff; color:#333; padding:0 45px 0 15px; border:1px solid #ddd; box-sizing:border-box;} .top_search dt {position:absolute; top:13px; right:13px;} #header .header_bottom {overflow:hidden; width:1170px; position:relative; margin:0 auto; height:59px; box-sizing:border-box;} .header_bottom .menu {position:relative;} .header_bottom .menu li {float:left; width:222px;} .header_bottom .menu li:before {content:""; display:block; width:1px; height:59px; background-color:#ddd; float: left; position: relative; top:0; left:0;} .header_bottom .menu li a {display:block; font-family:'NotoKR-Medium'; text-align:center; font-size:18px; color:#333; letter-spacing:-0.5pt; padding-top:16px;} .header_bottom .menu li.btn_sitemap {width:59px; padding-top:0;} .header_bottom .menu li.btn_sitemap:before {display:none;} .header_bottom .menu li.btn_sitemap a {padding-top:0;} .gnbDiv {min-width:1170px; width: 100%; background:#fff; overflow:hidden; position:absolute; top:91px; left:0; z-index:999; border-bottom:1px solid #ddd;} .gnbDiv .gnbWrap{position:relative; z-index:999; height:300px; margin: 0 auto; overflow: hidden; width: 1180px; z-index: 999; } .gnbDiv .gnbWrap .gnb{position:absolute; width:1180px; z-index:999; left:0; top:0;} .gnbDiv .gnbWrap .gnb .oneDep{line-height:59px;} .gnbDiv .gnbWrap .gnb ul{overflow:hidden; width:100%; height:300px} .gnbDiv .gnbWrap .gnb ul li{float:left; text-align:center; width:222px;} .gnbDiv .gnbWrap .gnb ul li.six{width:59px;} .gnbDiv .gnbWrap .gnb ul li a.oneDep {display:block;position:relative; top:0; font-size:18px; font-family:'NotoKR-Medium'; color:#333; letter-spacing:-0.5pt; border-left:1px solid #d8d8d8;} .gnbDiv .gnbWrap .gnb ul li.on a.oneDep{color:#e50021; text-decoration:none;} .gnbDiv .gnbWrap .twoDep {height:223px; display:block; padding-top:20px; position:relative; visibility: visible; top:1px; border-left:1px solid #d8d8d8; } .gnbDiv .gnbWrap li.five .twoDep {border-right:1px solid #d8d8d8; } .gnbDiv .gnbWrap li.on .twoDep {position:relative; background:#f6f6f6; top:1px;} .gnbDiv .gnbWrap li.on .twoDep a.off:hover{color:#e50021; vertical-align:top; text-decoration:underline; font-family:'NotoKR-Medium';} .gnbDiv .gnbWrap li .twoDep a.on{background:#004196; color:#fff; vertical-align:top;} .gnbDiv .gnbWrap li .twoDep a{color:#666; font-size:14px; letter-spacing:-0.5pt; line-height:20px; padding:3px 0 2px 0;} .disB{display:block;} .twoDbg{display:; background:#fff; border-top:1px solid #ddd; position:absolute; top:59px; left:0; height:323px; width:100%; z-index:90; border-bottom:1px solid #ddd; } #sitemap{position:relative; width:100%; clear:both; overflow:hidden; background-color:#f5f5f5;} #sitemap .sitemap_in{position:relative; margin:0 auto; width:1020px; overflow:hidden; padding:40px 0;} .sitemap_in dl{float:left; width:16.66666666666%;} .sitemap_in dt{font-size:16px; color:#444; letter-spacing:-0.7pt; font-weight:600; padding:0 0 10px 0;} .sitemap_in dt.two{padding-top:40px;} .sitemap_in dd{line-height:24px} .sitemap_in dd a:link, .sitemap_in dd a:visited{line-height:24px; letter-spacing:-0.7pt} #footer {position:relative; width:100%; clear:both; overflow:hidden; border-top:1px solid #e9e9e9;} #footer .foot_bn {position:relative; margin:0 auto; width:1170px; overflow:hidden; padding:16px 0;} .foot_bn li {float:left; margin-right:30px;} .foot_bn li a {color:#666; letter-spacing:-0.5pt; line-height:100%; font-size:14px; font-family:'NotoKR-Medium'; font-weight:100;} .foot_bn li span {line-height:100%; letter-spacing:-0.5pt; font-size:14px; font-family:'NotoKR-Medium'; font-weight:100; color:#00427a;} .foot_bn .top_btn {position:absolute; right:0; top:0; display:block; width:55px; height:55px; background:#e50021;text-align:center; line-height:52px;} #footer .foot_in {position:relative; width:100%; clear:both; overflow:hidden; border-top:1px solid #e9e9e9;} #footer .foot_info {position:relative; margin:0 auto; width:1170px; clear:both; overflow:hidden; padding:31px 0 44px;} .foot_info h2 {float:left; margin:0 70px 40px 0} .foot_info ul {float:left;} .foot_info li {color:#666; letter-spacing:-0.5pt; line-height:27px; font-size:14px; font-weight:100;} .foot_info li.copy {font-family:Noto Sans, sans-serif;color:#a1a1a1; letter-spacing:0pt; font-size:13px; font-weight:100; line-height:38px; text-transform:uppercase;} .page_num { position: relative; width: 100%; text-align: center; padding: 15px 0 0 0 } .page_num ul.pagination { display: inline-block; padding: 0; margin: 0 } .page_num ul.pagination li { display: inline } .page_num ul.pagination li a { color: #666; float: left; padding: 6px 12px; text-decoration: none; border: 1px solid #CBCBCB; margin: 0 1px } .page_num ul.pagination li a.active { background: #484C57; color: #FFF; border: 1px solid #484C57 } .top_menu {font-size:18px; color:#131313; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .top_menu A:link {font-size:18px; color:#131313; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .top_menu A:visited {font-size:18px; color:#131313; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .top_menu A:active {font-size:18px; color:#131313; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .top_menu A:hover {TEXT-DECORATION:none; font-size:18px; color:#0f4196; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .txtgo {font-size:23px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .txtgo A:link {font-size:23px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .txtgo A:visited {font-size:23px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .txtgo A:active {font-size:23px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .txtgo A:hover {TEXT-DECORATION:none; font-size:23px; color:#03b3fd; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .txtgo2 {font-size:25px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .txtgo2 A:link {font-size:25px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .txtgo2 A:visited {font-size:25px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .txtgo2 A:active {font-size:25px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .txtgo2 A:hover {TEXT-DECORATION:none; font-size:25px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .txtgo3 {font-size:33px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:35px;} .txtgo3 A:link {font-size:33px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:35px;} .txtgo3 A:visited {font-size:33px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:35px;} .txtgo3 A:active {font-size:33px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:35px;} .txtgo3 A:hover {TEXT-DECORATION:none; font-size:33px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:35px;} .main_t01 {font-size:28px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t01 A:link {font-size:28px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t01 A:visited {font-size:28px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t01 A:active {font-size:28px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t01 A:hover {TEXT-DECORATION:none; font-size:28px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t02 {font-size:18px; color:#ffffff; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t02 A:link {font-size:18px; color:#ffffff; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t02 A:visited {font-size:18px; color:#ffffff; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t02 A:active {font-size:18px; color:#ffffff; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t02 A:hover {TEXT-DECORATION:none; font-size:18px; color:#ffffff; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.8px; line-height:22px;} .c_txt1 {font-size:20px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1 A:link {font-size:20px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1 A:visited {font-size:20px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1 A:active {font-size:20px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1 A:hover {TEXT-DECORATION:none; font-size:21px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:30px;} .sitemap {font-size:21px; color:#3d3d3d; font-family:'notokr-medium', sans-serif; letter-spacing:-0.5px; line-height:30px;} .sitemap A:link {font-size:21px; color:#3d3d3d; font-family:'notokr-medium', sans-serif; letter-spacing:-0.5px; line-height:30px;} .sitemap A:visited {font-size:21px; color:#3d3d3d; font-family:'notokr-medium', sans-serif; letter-spacing:-0.5px; line-height:30px;} .sitemap A:active {font-size:21px; color:#3d3d3d; font-family:'notokr-medium', sans-serif; letter-spacing:-0.5px; line-height:30px;} .sitemap A:hover {TEXT-DECORATION:none; font-size:21px; color:#000000; font-family:'notokr-medium', sans-serif; letter-spacing:-0.5px; line-height:30px;} .datatt {font-size:14px; color:#898989; font-family:'notokr-medium', sans-serif; letter-spacing:-0.5px; line-height:30px;} .datatt A:link {font-size:14px; color:#898989; font-family:'notokr-medium', sans-serif; letter-spacing:-0.5px; line-height:30px;} .datatt A:visited {font-size:14px; color:#898989; font-family:'notokr-medium', sans-serif; letter-spacing:-0.5px; line-height:30px;} .datatt A:active {font-size:14px; color:#898989; font-family:'notokr-medium', sans-serif; letter-spacing:-0.5px; line-height:30px;} .datatt A:hover {TEXT-DECORATION:none; font-size:14px; color:#898989; font-family:'notokr-medium', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1b {font-size:20px; color:#e60021; font-family:'notokr-bold', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1b A:link {font-size:20px; color:#e60021; font-family:'notokr-bold', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1b A:visited {font-size:20px; color:#e60021; font-family:'notokr-bold', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1b A:active {font-size:20px; color:#e60021; font-family:'notokr-bold', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1b A:hover {TEXT-DECORATION:none; font-size:20px; color:#e60021; font-family:'notokr-bold', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1a {font-size:15px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:26px;} .c_txt1a A:link {font-size:15px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:26px;} .c_txt1a A:visited {font-size:15px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:26px;} .c_txt1a A:active {font-size:15px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:26px;} .c_txt1a A:hover {TEXT-DECORATION:none; font-size:15px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:26px;} .c_txt1aa {font-size:15px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:31px;} .c_txt1aa A:link {font-size:15px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:31px;} .c_txt1aa A:visited {font-size:15px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:31px;} .c_txt1aa A:active {font-size:15px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:31px;} .c_txt1aa A:hover {TEXT-DECORATION:none; font-size:15px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:31px;} .main_list_t {font-size:16px; color:#4b4b4b; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:31px;} .main_list_t A:link {font-size:16px; color:#4b4b4b; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:31px;} .main_list_t A:visited {font-size:16px; color:#4b4b4b; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:31px;} .main_list_t A:active {font-size:16px; color:#4b4b4b; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:31px;} .main_list_t A:hover {TEXT-DECORATION:none; font-size:16px; color:#000000; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.5px; line-height:31px;} .c_txt1c {font-size:18px; color:#141414; font-family:'notokr-bold', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1c A:link {font-size:18px; color:#141414; font-family:'notokr-bold', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1c A:visited {font-size:18px; color:#141414; font-family:'notokr-bold', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1c A:active {font-size:18px; color:#141414; font-family:'notokr-bold', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1c A:hover {TEXT-DECORATION:none; font-size:18px; color:#141414; font-family:'notokr-bold', sans-serif; letter-spacing:-0.5px; line-height:30px;} .c_txt1e {font-size:25px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1e A:link {font-size:25px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1e A:visited {font-size:25px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1e A:active {font-size:25px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1e A:hover {TEXT-DECORATION:none; font-size:25px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1e2 {font-size:25px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1e2 A:link {font-size:25px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1e2 A:visited {font-size:25px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1e2 A:active {font-size:25px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1e2 A:hover {TEXT-DECORATION:none; font-size:25px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1ee {font-size:25px; color:#273041; font-family:'notokr-bold', sans-serif; letter-spacing:-0.6px; line-height:30px;} .c_txt1ee A:link {font-size:25px; color:#273041; font-family:'notokr-bold', sans-serif; letter-spacing:-0.6px; line-height:30px;} .c_txt1ee A:visited {font-size:25px; color:#273041; font-family:'notokr-bold', sans-serif; letter-spacing:-0.6px; line-height:30px;} .c_txt1ee A:active {font-size:25px; color:#273041; font-family:'notokr-bold', sans-serif; letter-spacing:-0.6px; line-height:30px;} .c_txt1ee A:hover {TEXT-DECORATION:none; font-size:25px; color:#273041; font-family:'notokr-bold', sans-serif; letter-spacing:-0.6px; line-height:30px;} .c_txt1eee {font-size:25px; color:#949494; font-family:'notokr-bold', sans-serif; letter-spacing:-0.6px; line-height:30px;} .c_txt1eee A:link {font-size:25px; color:#949494; font-family:'notokr-bold', sans-serif; letter-spacing:-0.6px; line-height:30px;} .c_txt1eee A:visited {font-size:25px; color:#949494; font-family:'notokr-bold', sans-serif; letter-spacing:-0.6px; line-height:30px;} .c_txt1eee A:active {font-size:25px; color:#949494; font-family:'notokr-bold', sans-serif; letter-spacing:-0.6px; line-height:30px;} .c_txt1eee A:hover {TEXT-DECORATION:none; font-size:25px; color:#949494; font-family:'notokr-bold', sans-serif; letter-spacing:-0.6px; line-height:30px;} .c_txt1f {font-size:25px; color:#ffffff; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1f A:link {font-size:25px; color:#ffffff; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1f A:visited {font-size:25px; color:#ffffff; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1f A:active {font-size:25px; color:#ffffff; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1f A:hover {TEXT-DECORATION:none; font-size:25px; color:#ffffff; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:30px;} .board_txt {font-size:25px; color:#333333; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.6px; line-height:26px;} .board_txt A:link {font-size:25px; color:#333333; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.6px; line-height:26px;} .board_txt A:visited {font-size:25px; color:#333333; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.6px; line-height:26px;} .board_txt A:active {font-size:25px; color:#333333; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.6px; line-height:26px;} .board_txt A:hover {TEXT-DECORATION:none; font-size:25px; color:#333333; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.6px; line-height:26px;} .board_txt2 {font-size:16px; color:#333333; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.6px; line-height:26px; text-align:center;} .board_txt2 A:link {font-size:16px; color:#333333; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.6px; line-height:26px; text-align:center;} .board_txt2 A:visited {font-size:16px; color:#333333; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.6px; line-height:26px; text-align:center;} .board_txt2 A:active {font-size:16px; color:#333333; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.6px; line-height:26px; text-align:center;} .board_txt2 A:hover {TEXT-DECORATION:none; font-size:16px; color:#333333; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.6px; line-height:26px; text-align:center;} .c_txt1f2 {font-size:25px; color:#333333; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1f2 A:link {font-size:25px; color:#333333; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1f2 A:visited {font-size:25px; color:#333333; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1f2 A:active {font-size:25px; color:#333333; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:30px;} .c_txt1f2 A:hover {TEXT-DECORATION:none; font-size:25px; color:#333333; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:30px;} .main_t03 {font-size:15px; color:#ffffff; font-family:'notokr-Light', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t03 A:link {font-size:15px; color:#ffffff; font-family:'notokr-Light', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t03 A:visited {font-size:15px; color:#ffffff; font-family:'notokr-Light', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t03 A:active {font-size:15px; color:#ffffff; font-family:'notokr-Light', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t03 A:hover {TEXT-DECORATION:none; font-size:15px; color:#ffffff; font-family:'notokr-Light', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t03a {font-size:14px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.8px; line-height:26px;} .main_t03a A:link {font-size:14px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.8px; line-height:26px;} .main_t03a A:visited {font-size:14px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.8px; line-height:26px;} .main_t03a A:active {font-size:14px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.8px; line-height:26px;} .main_t03a A:hover {TEXT-DECORATION:none; font-size:14px; color:#666666; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.6px; line-height:26px;} .main_t03b {font-size:15px; color:#252525; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.8px; line-height:26px;} .main_t03b A:link {font-size:15px; color:#252525; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.8px; line-height:26px;} .main_t03b A:visited {font-size:15px; color:#252525; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.8px; line-height:26px;} .main_t03b A:active {font-size:15px; color:#252525; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.8px; line-height:26px;} .main_t03b A:hover {TEXT-DECORATION:none; font-size:15px; color:#000000; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.8px; line-height:26px;} .main_t03d {font-size:14px; color:#252525; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:26px;} .main_t03d A:link {font-size:14px; color:#252525; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:26px;} .main_t03d A:visited {font-size:14px; color:#252525; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:26px;} .main_t03d A:active {font-size:14px; color:#252525; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:26px;} .main_t03d A:hover {TEXT-DECORATION:none; font-size:14px; color:#000000; font-family:'notokr-Light', sans-serif; letter-spacing:-0.3px; line-height:26px;} .main_t04 {font-size:16px; color:#333333; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t04 A:link {font-size:16px; color:#333333; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t04 A:visited {font-size:16px; color:#333333; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t04 A:active {font-size:16px; color:#333333; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t04 A:hover {TEXT-DECORATION:none; font-size:16px; color:#e70b2b; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t04a {font-size:18px; color:#333333; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.3px; line-height:22px;} .main_t04a A:link {font-size:18px; color:#333333; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.3px; line-height:22px;} .main_t04a A:visited {font-size:18px; color:#333333; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.3px; line-height:22px;} .main_t04a A:active {font-size:18px; color:#333333; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.3px; line-height:22px;} .main_t04a A:hover {TEXT-DECORATION:none; font-size:18px; color:#e70b2b; font-family:'notokr-Medium', sans-serif; letter-spacing:-0.3px; line-height:22px;} .main_t05 {font-size:22px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t05 A:link {font-size:22px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t05 A:visited {font-size:22px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t05 A:active {font-size:22px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t05 A:hover {TEXT-DECORATION:none; font-size:22px; color:#000000; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t06 {font-size:35px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t06 A:link {font-size:35px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t06 A:visited {font-size:35px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t06 A:active {font-size:35px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t06 A:hover {TEXT-DECORATION:none; font-size:35px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t07 {font-size:33px; color:#ffffff; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t07 A:link {font-size:33px; color:#ffffff; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t07 A:visited {font-size:33px; color:#ffffff; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t07 A:active {font-size:33px; color:#ffffff; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t07 A:hover {TEXT-DECORATION:none; font-size:33px; color:#ffffff; font-family:'notokr-Regular', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t07b {font-size:35px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.4px; line-height:28px;} .main_t07b A:link {font-size:35px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.4px; line-height:28px;} .main_t07b A:visited {font-size:35px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.4px; line-height:28px;} .main_t07b A:active {font-size:35px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.4px; line-height:28px;} .main_t07b A:hover {TEXT-DECORATION:none; font-size:35px; color:#333333; font-family:'notokr-bold', sans-serif; letter-spacing:-0.4px; line-height:28px;} .main_t07a {font-size:36px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.4px; line-height:28px;} .main_t07a A:link {font-size:36px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.4px; line-height:28px;} .main_t07a A:visited {font-size:36px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.4px; line-height:28px;} .main_t07a A:active {font-size:36px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.4px; line-height:28px;} .main_t07a A:hover {TEXT-DECORATION:none; font-size:36px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.4px; line-height:28px;} .main_t08 {font-size:33px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t08 A:link {font-size:33px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t08 A:visited {font-size:33px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t08 A:active {font-size:33px; color:#ffffff; font-family:'notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} .main_t08 A:hover {TEXT-DECORATION:none; font-size:33px; color:#ffffff; font-family:'notokr-notokr-bold', sans-serif; letter-spacing:-0.8px; line-height:22px;} #visual {position:relative; width:100%; padding-top:60px; height:590px; overflow:hidden;} .jssorb05 {position: absolute; top:500px; left:0%; margin-left:-370px; z-index:999;} .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {position: relative !important; width: 14px !important; height: 14px; cursor:pointer; margin:0 5px 0 0; padding:0; float:left; left:0px !important; background:none; border:3px solid #626261; box-sizing:border-box; border-radius:14px;} .jssorb05 div { } .jssorb05 .av:hover {border:none; background:#e60021; width:14px !important; } .jssorb05 .av {border:none; background:#e60021;width:14px !important;} h3 {font-family:Noto Sans, sans-serif; font-weight:600; letter-spacing:0pt; color:#fff; font-size:24px; line-height:100%;} h3 span {display:block; font-family:Noto Sans, sans-serif; font-weight:100; letter-spacing:0pt; color:#fff; font-size:16px; line-height:100%; text-transform:uppercase } #main_content {position:relative;} .product {width:1170px; margin:0 auto; overflow:hidden; padding:0px 0 0px;} .product h3 {color:#333; padding-bottom:24px;} .product .slide {overflow:hidden; clear:both; width:1170px; } .slide li{float:left; height:286px;} .slide li:last-child {margin:0;} .slide li a > dl {width:220px;} .slide li a > dl dt {width:220px; height:220px; overflow:hidden; border:1px solid #ddd; box-sizing:border-box;} .slide li dd {font-family:Noto Sans, sans-serif; font-weight:600; text-align:center; font-size:15px; letter-spacing:0pt; line-height:150%; color:#333; min-height:60px; padding-top :15px; box-sizing:border-box; word-break:keep-all;} .slide li a > dl dt img {width:220px; height: auto; background-size:cover; background-position:no-repeat;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out; box-sizing:border-box;} .slide li a:hover > dl dt {transition: all 0.3s ease-out;} .slide li a:hover > dl dt img{ -webkit-transform: scale(1);-moz-transform: scale(1); -o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);} .bx-wrapper {position:relative; margin:0 auto; width:1170px !important;} .bx-controls-direction{position:absolute; z-index:9; top:-50px; width:100%;} .bx-controls-direction a:hover {transition: all 0.3s ease-out;} .bx-controls-direction .bx-prev{position:absolute; right:70px; font-size:0; width:36px; height:36px; opacity:.5; background:url('../new_img/arr_prev.gif') right center no-repeat;transition: all 0.3s ease-out;} .bx-controls-direction .bx-prev:hover {background:url('../new_img/arr_prev.gif') right center no-repeat; opacity:1;} .bx-controls-direction .bx-next{position:absolute; right:34px; font-size:0; width:36px; height:36px; opacity:.5; background:url('../new_img/arr_next.gif') right center no-repeat;transition: all 0.3s ease-out;} .bx-controls-direction .bx-next:hover {background:url('../new_img/arr_next.gif') right center no-repeat; opacity:1;} .product .product_more {position:relative; z-index:9; top:-336px; left:1136px;} #blackhole_wrapper{position:relative;height:460px;margin-top:65px;box-sizing:border-box;background:url(../new_img/bak_4.jpg) center fixed} #blackhole_wrapper .scroll_wrap{position:absolute;left:50%;top:0px;width:78px;height:36px;margin-left:-39px;background:url(/sh_img/include/blackhole/img/scroll_bg.png) center no-repeat} #blackhole_wrapper .scroll-down{position:absolute;z-index:999;bottom:0;left:46.2%;width:9px;height:12px;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%); -webkit-animation:arr 1.6s infinite linear;-ms-animation:arr 1.6s infinite linear;animation:arr 1.6s infinite linear} @-webkit-keyframes arr{from{bottom:25px}15%{bottom:30px}30%{bottom:25px}45%{bottom:30px}60%{bottom:25px}100%{bottom:25px}} @keyframes arr{from{bottom:25px}15%{bottom:30px}30%{bottom:25px}45%{bottom:30px}60%{bottom:25px}100%{bottom:25px}} #blackhole_wrapper .scroll-down i{color:#ff7e28} #blackhole_wrapper .cont_wrap{position:absolute;width:100%;top:80px;left:50%;transform:translateX(-50%)} #blackhole_wrapper .tit_wrap{text-align:center;font-size:38px;color:#fff;font-family:'notokr-light';} #blackhole_wrapper .tit_wrap span{font-family:'notokr-bold'} #blackhole_wrapper .section_wrap{overflow:hidden;text-align:center;color: #fff;height:100%;width:1200px;margin:0 auto;} #blackhole_wrapper .section_wrap > div{float: left;width:398px;height:100%;border-left:1px solid rgba(255,255,255,0.0);position:relative;} #blackhole_wrapper .section_wrap > div > h4{margin-top:270px;font-family:'notokr-bold';font-size:22px;} #blackhole_wrapper .section_wrap > div > p{margin-top:25px;color:#e4e3e3;font-family:'notokr-regular'} #blackhole_wrapper .section_wrap .sect03{border-right:1px solid rgba(255,255,255,0.0)} #blackhole_wrapper .section_wrap .icon{position:absolute;width:65px;height:65px;top:200px;left:50%;transform:translateX(-50%)} @media \0screen { #blackhole_wrapper .scroll-down{bottom:25px;left:43%} @media screen\0 { .scroll-down{bottom:30px} } #contents{overflow:hidden; position:relative; width:1170px; margin:0px auto; padding-bottom:50px;} .lnb {float:left; width:210px; margin:0 60px 100px 0;} .lnb h2 {font-family:'NotoKR-Bold'; padding:40px 0 26px 14px; font-weight:100; line-height:100%; font-size:30px; color:#333; letter-spacing:-0.8pt;} .lnb span.blue {font-family:'NotoKR-Bold'; font-weight:100; line-height:100%; font-size:30px; letter-spacing:-0.8pt; color:#00427a;} .lnb ul{position:relative; overflow:hidden; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7;} .lnb li {position:relative; } .lnb li a:link, .lnb li a:visited{font-size:15px; letter-spacing:-0.5pt; color:#666; display:block; line-height:50px; height:50px; text-indent:18px; border-bottom:1px solid #d7d7d7; background:url('/img/left_arrow.gif') right 16px top 20px no-repeat;} .lnb li a:hover{display:block; color:#fff; font-weight:100; text-decoration: none; background:#00427a url('/img/left_arrowup.gif') right 16px top 20px no-repeat; } .left_linktop{display:block; color:#fff !important; font-weight:100 !important; text-decoration: none; background:#00427a url('/img/left_arrowup.gif') right 16px top 20px no-repeat !important; border-bottom:1px solid #d7d7d7 !important; } /*depth_3*/ .lnb ol.depth_3{border-bottom:1px solid #ddd; padding:0 0 0 20px; background-color:#f9f9f9} .depth_3 dd:first-child{padding-top:8px;} .depth_3 dd:last-child{padding-bottom:8px;} .depth_3 dd a:link, .depth_3 dd a:visited{display:block; font-size:12px; padding:4px 0;} .depth_3 dd a:hover{display:block; color:#064e91; text-decoration:none} .depth_linktop{color:#064e91 !important; font-weight:bold !important; } .depth_linktop:hover{text-decoration:none} .contentArea {position:relative; float:left; width:900px; overflow:hidden;} .contentArea_wide{width:100%; overflow:hidden;} #contents .tit_area{width:100%; padding:40px 0 27px 0; overflow:hidden;} #contents p.location {float:right; font-size:13px; color:#777; padding:15px 0 0 0} #contents p.location a:link, .tit_area p.location a:visited{font-size:13px; color:#777; letter-spacing:-0.5pt;} #contents p.location a:hover{color:#222;} #contents p.location img{vertical-align:middle; margin-bottom:2px; padding:0 10px;} #contents p.location img.home {padding:0 0 0 10px;} #contents h3.title {font-family:'NotoKR-Bold'; color:#333; font-weight:100; font-size:32px; line-height:32px;letter-spacing:-0.8pt;} .contents_in {position:relative; clear:both; *zoom:1;}