@charset "utf-8";/* layout.css는 전체적인 레이아웃 스타일을 정의합니다. */ 

#skipToContent a { z-index:100000; position:absolute; top:0; left:0; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden } 
#skipToContent a:focus, 
#skipToContent a:active { width:200px; height:50px; background:#21272e; color:#fff; font-size:14px; font-weight:bold; text-align:center; text-decoration:none; line-height:50px } 

.only-desktop-tablet { display:block; } 
.only-desktop { display:block; } 
.only-tablet { display:none; } 
.only-mobile { display:none; } 

.contain { max-width:1260px; padding-left:30px; padding-right:30px; margin:0 auto; } 

#wrapper { padding-top:100px; overflow:hidden; } 

/* header */
#header { position:fixed; top:0; left:0; width:100%; transition:.2s; background:#fff; border-bottom:1px solid #ddd; z-index:100; } 
#header .contain { position:relative; max-width:1460px; display:flex; align-items:center; height:99px; z-index:2; } 

.sitelogo img { height:49px; } 

.pull-right { flex:1 1 auto; min-width:0; width:1%; display:flex; align-items:center; justify-content:flex-end; } 

#gnb > ul { display:flex; margin-right:-58px; } 
#gnb > ul > li { position:relative; padding:0 29px; text-align:center; } 
#gnb > ul > li > a { position:relative; padding:0 29px; height:99px; display:flex; align-items:center; justify-content:center; color:#242424; font-size:22px; font-weight:600; letter-spacing:-.03em; } 
#gnb > ul > li > a:after { content:""; position:absolute; bottom:-1px; left:50%; width:0; height:2px; background:#ff6600; transition:.2s; } 
#gnb > ul > li.active > a { color:#ff6600; } 
#gnb > ul > li.active > a:after { left:0; width:100%; } 
#gnb .submenu { position:absolute; left:0; width:100%; height:0; overflow:hidden; } 
#gnb .submenu ul { padding:18px 5px; } 
#gnb .submenu ul li { padding:13px 0; } 
#gnb .submenu ul li a { display:block; color:#454545; line-height:1.4em; letter-spacing:0; } 
#gnb .submenu ul li a:hover { color:#ff6600; text-decoration:underline; } 

.submenu-bg { display:none; position:absolute; left:0; width:100%; background:rgba(255,255,255,.9); border-top:1px solid #ddd; border-bottom:1px solid #ddd; } 

/* for mobile */
.btn-m-menu { display:none; position:relative; width:26px; height:26px; overflow:hidden; text-indent:-9999em; z-index:50; } 
.btn-m-menu span { position:absolute; top:50%; left:0; width:100%; height:2px; margin-top:-1px; background:#242424; } 
.btn-m-menu span:before,
.btn-m-menu span:after { content:" "; position:absolute; left:0; width:100%; height:2px; background:#242424; } 
.btn-m-menu span:before { top:-10px; } 
.btn-m-menu span:after { bottom:-10px; } 

.mobile-navigation { display:none; position:fixed; top:0; right:0; width:280px; height:100%; overflow:auto; transition:.2s linear; -ms-transform:translateX(100%); transform:translateX(100%); background:#fff; z-index:150; } 
.mobile-navigation .home { display:flex; align-items:center; height:80px; padding:0 20px; } 
.mobile-navigation .home img { height:36px; } 
.mobile-navigation .nav-menu>ul { border-top:1px solid #dfdfdf; } 
.mobile-navigation .nav-menu>ul>li { border-bottom:1px solid #dfdfdf; } 
.mobile-navigation .nav-menu>ul>li>a { position:relative; padding:11px 48px 11px 20px; display:block; color:#2c2c2c; font-size:18px; font-weight:700; line-height:1.5em; } 
.mobile-navigation .nav-menu>ul>li>a:after { content:""; position:absolute; top:50%; right:20px; transform:translateY(-78%) rotate(45deg); width:13px; height:13px; border-right:2px solid #505050; border-bottom:2px solid #505050; } 
.mobile-navigation .nav-menu>ul>li>a img { width:22px; vertical-align:middle; margin:-.1em 8px 0 0; } 
.mobile-navigation .nav-menu>ul>li.active>a { color:#fff; background:#ff6600; } 
.mobile-navigation .nav-menu>ul>li.active>a:after { transform:translateY(-35%) rotate(-135deg); border-color:#fff; } 
.mobile-navigation .nav-menu .submenu { display:none; padding:10px 20px; background:#fafafa; color:#454545; font-size:16px; font-weight:400; line-height:1.5em; } 
.mobile-navigation .nav-menu .submenu > ul > li { padding:3px 0; } 
.mobile-navigation .nav-menu .submenu > ul > li > a { display:block; padding:3px 0; } 
.mobile-navigation .nav-menu .submenu > ul > li.active>a { color:#ff6600; } 
.mobile-navigation .close { position:absolute; top:25px; right:18px; width:26px; height:26px; text-indent:-9999em; overflow:hidden; } 
.mobile-navigation .close:before,
.mobile-navigation .close:after { content:" "; position:absolute; top:12px; left:0; width:100%; height:3px; background:#454545; border-radius:3px; } 
.mobile-navigation .close:before { transform:rotate(45deg); } 
.mobile-navigation .close:after { transform:rotate(-45deg); } 
.mobile-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.6; z-index:101; } 

html.menu-opened { overflow:hidden; } 
html.menu-opened .mobile-navigation { -ms-transform:translateX(0); transform:translateX(0); } 
html.menu-opened .mobile-overlay { display:block; } 

/* main */
.main-visual { position:relative; height:600px; color:#fff; overflow:hidden; } 
.main-visual .item { position:relative; height:600px; overflow:hidden; } 
.main-visual .item .img { position:absolute; top:0; left:0; width:100%; height:100%; overflow:hidden; } 
.main-visual .item .img img { position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; } 
.main-visual .caption { position:absolute; top:50%; left:0; width:100%; color:#fff; padding:0 100px; text-align:center; transform:translateY(-50%); z-index:10; } 
.main-visual .caption .mark { margin-bottom:30px; } 
.main-visual .caption .mark img { margin:0 auto; } 
.main-visual .caption .txt { font-family:'GmarketSans',sans-serif; font-size:34px; font-weight:700; line-height:1.4em; } 
.main-visual .slick-dots { position:absolute; bottom:40px; left:0; width:100%; text-align:center; line-height:0; z-index:50; } 
.main-visual .slick-dots li { display:inline-block; margin:0 3px; } 
.main-visual .slick-dots li button { position:relative; display:block; width:22px; height:22px; background:transparent; border:1px solid transparent; border-radius:100%; overflow:hidden; text-indent:-9999em; transition:.2s; } 
.main-visual .slick-dots li button:before { content:""; position:absolute; top:50%; left:50%; margin:-5px 0 0 -5px; width:10px; height:10px; background:#fff; border-radius:100%; opacity:.7; } 
.main-visual .slick-dots .slick-active button { border:1px solid rgba(255,255,255); } 
.main-visual .slick-dots .slick-active button:before { opacity:1; } 
.main-visual .slick-arrow { position:absolute; top:50%; margin-top:-30px; width:60px; height:60px; background-repeat:no-repeat; background-position:50% 50%; background-color:transparent; text-indent:-999em; border:0; z-index:50; } 
.main-visual .slick-prev { background-image:url("../images/main/slide_prev.png"); left:30px; } 
.main-visual .slick-next { background-image:url("../images/main/slide_next.png"); right:30px; } 
.main-visual .slick-current .caption .t1 { animation:txt_ani .85s .1s ease forwards; } 
.main-visual .slick-current .caption .t2 { animation:txt_ani2 .85s .6s ease forwards; } 

.main-form { position:fixed; bottom:0; left:0; width:100%; background:#00007d; color:#fff; z-index:50; } 
.main-form .contain { display:flex; align-items:center; justify-content:space-between; max-width:1460px; height:102px; } 
.main-form .tit-wrap { width:33.7%; display:flex; align-items:center; margin-right:40px; } 
.main-form .tit-wrap .tit { margin-right:30px; font-size:20px; font-weight:700; line-height:1.3em; letter-spacing:-.04em; } 
.main-form .tit-wrap .tit strong { font-family:'GmarketSans',sans-serif; font-size:24px; line-height:1.3em; } 
.main-form .tit-wrap .tel { flex:1 1 auto; min-width:0; width:1%; font-size:50px; font-weight:700; line-height:1em; letter-spacing:-.04em; white-space:nowrap; } 
.main-form .input-wrap { display:flex; width:44%; margin-right:16px; } 
.main-form .input-wrap .col { width:33.33333333%; padding:0 4px; } 
.main-form .input-wrap .input { display:block; width:100%; height:58px; border:0; border-radius:6px; font-size:16px; font-weight:500; color:#242424; } 
.main-form .submit-wrap { width:18.3%; } 
.main-form .submit-wrap .submit { display:flex; justify-content:center; align-items:center; width:100%; height:50px; color:#fff; background:#ff6600; border:0; border-radius:6px; font-size:20px; } 
.main-form .submit-wrap .check { font-size:14px; line-height:1.3em; letter-spacing:-.03em; margin-top:6px; } 
.main-form .submit-wrap .checkbox label:before { border:0; border-radius:3px; } 

.m-head { text-align:center; margin-bottom:50px; } 
.m-head h2 { font-size:45px; line-height:1.3em; } 

.main-business { position:relative; padding:100px 0; overflow:hidden; } 
.main-business:before,
.main-business:after { content:""; position:absolute; width:100%; height:50%; background-image:url("../images/main/biz_bg.png"); background-repeat:no-repeat; } 
.main-business:before { top:-2px; left:-7%; background-position:0 0; } 
.main-business:after { bottom:-2px; right:-7%; background-position:100% 100%; } 
.main-business .contain { position:relative; z-index:2; } 
.main-business .wrap { display:flex; justify-content:space-between; } 
.main-business .link { position:relative; display:flex; align-items:center; width:calc(50% - 30px); height:350px; text-align:center; color:#fff; border-radius:30px; background-position:50% 50%; background-repeat:no-repeat; background-size:cover; } 
.main-business .link.bg1 { background-image:url("../images/main/biz1_img.jpg"); } 
.main-business .link.bg2 { background-image:url("../images/main/biz2_img.jpg"); } 
.main-business .link:before { content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,125,.85); opacity:0; transition:.2s; border-radius:30px; } 
.main-business .link .in { position:relative; width:100%; padding:30px; } 
.main-business .link .ico { margin-bottom:18px; } 
.main-business .link .tit { margin-bottom:15px; font-size:35px; line-height:1.3em; font-weight:700; } 
.main-business .link .txt { font-size:18px; line-height:1.556em; } 
.main-business .link .more { display:none; width:150px; margin:22px auto 0; line-height:45px; background:#ff6600; border-radius:30px; } 
.main-business .link:hover { box-shadow:0 0 30px rgba(0,0,0,.2); } 
.main-business .link:hover::before { opacity:1; } 
.main-business .link:hover .ico { display:none; } 
.main-business .link:hover .more { display:block; } 

.main-news { padding:100px 0; background:url("../images/main/news_bg.jpg") 50% 50% no-repeat; background-size:cover; } 
.main-news .m-head { position:relative; } 
.main-news .arrows { position:absolute; top:7px; right:0; display:flex; border-radius:6px; overflow:hidden; } 
.main-news .slick-arrow { display:block; width:35px; height:35px; background-repeat:no-repeat; background-position:50% 50%; background-color:transparent; text-indent:-999em; border:0; } 
.main-news .slick-prev { background-color:#fff; background-image:url("../images/main/slide2_prev.png"); } 
.main-news .slick-next { background-color:#ff6600; background-image:url("../images/main/slide2_next.png"); } 
.main-news .slider .items { margin:-40px -15px; } 
.main-news .slider .item { padding:40px 15px; } 
.main-news .slider .item a { display:block; background:#fff; box-shadow:3px 3px 12px rgba(0,0,0,.3); transition:transform .2s; } 
.main-news .slider .item a:hover { transform:translateY(-30px); background:#00007d; } 
.main-news .slider .item a:hover * { color:#fff !important; } 
.main-news .slider .item .thumb { position:relative; padding-bottom:65%; overflow:hidden; } 
.main-news .slider .item .thumb img { position:absolute; top:50%; left:0; transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); width:100%; height:auto !important; max-width:100%; min-height:100%; object-fit:cover; } 
.main-news .slider .item .info { padding:28px 30px; } 
.main-news .slider .item .info .cate { color:#ff6600; font-size:14px; font-weight:500; line-height:1.3em; margin-bottom:13px; } 
.main-news .slider .item .info .tit { margin-bottom:10px; font-size:18px; font-weight:600; line-height:1.556em; height:calc(1.556em * 2); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } 
.main-news .slider .item .info .txt { color:#686868; font-size:15px; font-weight:300; line-height:1.556em; height:calc(1.556em * 2); overflow:hidden; text-overflow:ellipsis; word-break:break-all; white-space:normal; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } 
.main-news .more { display:block; width:150px; margin:60px auto 0; color:#fff; text-align:center; line-height:45px; background:#ff6600; border-radius:30px; } 

.main-cs { padding:50px 0; overflow:hidden; } 
.main-cs .row { display:flex; margin:0 -40px; } 
.main-cs .col { width:33.33333333%; padding:0 40px; border-left:1px solid #ddd; } 
.main-cs .col:first-child { border-left:0; } 
.main-cs h4 { color:#00007d; font-size:16px; font-weight:600; line-height:1.3em; margin-bottom:26px; } 
.main-cs .blog .tt { margin-bottom:30px; } 
.main-cs .blog .txt { margin-bottom:15px; font-weight:600; line-height:1.5em; } 
.main-cs .contact .wrap { display:flex; align-items:center; font-weight:700; line-height:1.8em; letter-spacing:-.04em; margin-bottom:30px; } 
.main-cs .contact .wrap .ico { flex:0 0 45px; margin-right:13px; } 
.main-cs .contact .wrap .tel { font-size:35px; } 
.main-cs .contact .wrap .email { font-size:23px; } 
.main-cs .contact .info dl { display:flex; line-height:1.5em; margin-bottom:6px; } 
.main-cs .contact .info dt { font-weight:600; } 
.main-cs .contact .info dt:after { content:""; display:inline-block; vertical-align:middle; width:1px; height:9px; background:#ddd; margin:-.2em 13px 0; } 
.main-cs .contact .info dd { color:#454545; } 
.main-cs .contact .info p { color:#686868; font-size:14px; line-height:1.5em; letter-spacing:-.03em; padding-left:.6em; text-indent:-.6em; } 
.main-cs .contact .info .mgt { margin-top:12px; } 

/* sub */
.sub-visual { height:300px; text-align:center; color:#fff; display:flex; align-items:center; justify-content:center; background-repeat:no-repeat; background-position:50% 50%; background-size:cover; } 
.sub-visual h2 { font-family:'GmarketSans',sans-serif; font-size:45px; line-height:1.3em; letter-spacing:0; } 
.sub-visual.bg1 { background-image:url("../images/common/sv1.jpg"); } 
.sub-visual.bg2_1 { background-image:url("../images/common/sv2_1.jpg"); } 
.sub-visual.bg2_2 { background-image:url("../images/common/sv2_2.jpg"); } 
.sub-visual.bg3 { background-image:url("../images/common/sv3.jpg"); } 
.sub-visual.bg4 { background-image:url("../images/common/sv4.jpg"); } 

.lnb-wrap { border-bottom:1px solid #ddd; text-align:center; } 
.lnb { max-width:1200px; text-align:center; margin:0 auto; } 
.lnb ul { display:flex; } 
.lnb ul li { flex:1; display:flex; align-items:center; height:60px; border-left:1px solid #ddd; } 
.lnb ul li:last-child { border-right:1px solid #ddd; } 
.lnb ul li a { position:relative; display:flex; flex-direction:column; justify-content:center; width:100%; height:100%; line-height:1.2em; letter-spacing:-.03em; font-size:20px; font-weight:500; } 
.lnb ul li.active { background:#00007d; border-color:#00007d; } 
.lnb ul li.active a { color:#fff; } 

#contArea { max-width:1260px; padding-left:30px; padding-right:30px; margin:0 auto; } 

.sub-title { padding:97px 0 55px; text-align:center; } 
.sub-title h2 { font-size:35px; line-height:1.3em; letter-spacing:-.01em; } 
.sub-title p { color:#686868; line-height:1.5em; margin-top:10px; } 

.real-cont { min-height:300px; padding-bottom:100px; } 

/* footer */
#footer { background:#111; color:#ccc; font-size:15px; font-weight:300; line-height:1.867em; padding-bottom:120px; } 
#footer address { font-style:normal; } 
#footer span { display:inline-block; } 
#footer a:hover { text-decoration:underline; } 

.foot-links { padding:29px 0; font-weight:500; line-height:1.4em; border-bottom:1px solid #595959; } 
.foot-links .contain { display:flex; align-items:center; justify-content:space-between; } 
.foot-links .link-1 { font-size:17px; color:#fff; } 
.foot-links .link-1 ul { display:flex; flex-wrap:wrap; } 
.foot-links .link-1 ul li { display:flex; align-items:center; } 
.foot-links .link-1 ul li:before { content:"•"; margin:0 15px; color:#a0a0a0; } 
.foot-links .link-1 ul li:first-child::before { display:none; } 
.foot-links .link-2 { font-size:16px; } 
.foot-links .link-2 ul { display:flex; flex-wrap:wrap; } 
.foot-links .link-2 ul li { margin-left:50px; } 
.foot-links .link-2 ul li a { display:flex; align-items:center; } 
.foot-links .link-2 ul li a:before { content:""; width:16px; height:16px; margin-right:10px; background:url("../images/common/icon_doc.png") 50% 50% no-repeat; } 

.foot-info { padding:35px 0; } 
.foot-info .contain { display:flex; align-items:center; } 
.foot-info .f-logo { width:148px; } 
.foot-info .f-info { flex:1 1 auto; min-width:0; width:1%; } 
.foot-info .f-info strong { font-weight:400; } 
.foot-info .bar { display:inline-block; width:1px; height:10px; background:#707070; margin:0 14px; } 
.foot-info .copyright .designed { color:#808080; font-size:13px; } 

.quick { position: fixed; top: 50%; right: 100px; z-index: 50;} 
.quick a { display: block; } 
.quick a:first-child { margin-bottom: 10px; }