/* INTRO */
.contents-wrap.fossintro_wrap {width:100% !important;padding-bottom:0;}
.fossintro_wrap .invest_search {width:950px; margin: 0 auto;}
.fossintro_wrap .contents {width:100% !important; padding-bottom:0 !important;}
.fossintro_wrap .wide_bg {width:100%; background: #eef6ff; margin-bottom:100px;}
.fossintro_wrap .wide_bg_con {margin: 0 auto; width:950px;}
.fossintro_wrap .txt_area {padding-left:50px;}
.fossintro_wrap .txt_area h3 {font-size:48px;margin-top:250px; color:#333; line-height:56px;}
.fossintro_wrap .txt_area p {font-size:25px;margin-top:30px; color:#666;line-height:40px;}
.fossintro_wrap .foss_dw_dir {margin-top:50px;padding: 50px 0;overflow: hidden;}
.fossintro_wrap .foss_dw_dir p {display: inline-block; float:left; margin:0 40px 0 94px; color:#333; font-size:22px; line-height:64px; }
.fossintro_wrap .foss_dw_dir a {display: inline-block; float:left; margin-left:20px;}

/* GNB */
.banner_band li.slide {height:180px;}
.banner_band li.slide a {width:950px !important; margin:0 auto !important; text-align:center; overflow:hidden;}
.banner_band li.slide a img {height:100%;}
/*.gnb-wrap {opacity:0; position:relative; width:100%; height:157px; border-top:2px solid #1f5dbe; background:#fff;}*/
.gnb-wrap.scroll .gnb-menu {position:fixed; top:0; width:100%; z-index:9999999; background:url('/img/gnb/bg_gnb.png') repeat; border-bottom:1px solid #c8c8c8; box-sizing:border-box; opacity:1; box-shadow:3px 3px 3px rgba(0,0,0,0.05)}
.gnb-wrap.scroll .gnb-menu .gnb-wrapin {margin:0 auto 1px auto;}
.gnb-wrap.scroll .gnb-menu div.utilsub {margin:10px 0 0 0 !important;}
.gnb-wrap.scroll .location {background:#fff;}
.gnb-wrap.scroll .location.type2 {background:#f2f3f6;}
.gnb-wrap.scroll>.gnb-wrapin {height:0;}
.gnb-wrap.scroll>.gnb-wrapin .searchInput,
/* .gnb-wrap.scroll>.gnb-wrapin .rankwrap, */
.gnb-wrap.scroll>.gnb-wrapin .banner,
.gnb-wrap.scroll .gnb-util,
.gnb-wrap.scroll .gnb-menu div.utilsub p  {display:none;}
.gnb-wrap.scroll .gnb_quickMy,
.gnb-wrap.scroll .gnb_quickCart {position:fixed; top:10px; z-index:9999999}
.gnb-wrap.scroll .gnb-menu ul.menuwrap>li.mypage {padding:0 20px}
.gnb-wrap.scroll .gnb-menu ul.menuwrap {margin:0 0 0 150px;}
.gnb-wrap .gnb-menu ul.menuwrap>li {line-height:45px;}
.gnb-wrap.scroll .gnb-wrapin h1 {position:fixed; top:0; width:99px; height:31px; margin:8px 0 0 0; background:url('/img/com/woori_logo_main.png'); background-size:auto 31px; z-index:99999999}
.gnb-wrap.scroll .location {display:none;}

.gnb-wrap .key {display:inline-block; vertical-align:middle; width:13px; height:13px; margin-left:4px; margin-top:-3px; background:url(/img/com/ico_key.png) 0 0 no-repeat;}

.gnb-wrap .gnb-util {width:100%; height:33px; box-sizing:border-box; border-bottom:1px solid #f0f0f0}
.gnb-wrap .gnb-util .gnb-utilwrap {width:950px; margin:0 auto; padding:0 10px}
.gnb-wrap .gnb-util ul {height:33px;}
.gnb-wrap .gnb-util ul li {float:left; line-height:32px;}
.gnb-wrap .gnb-util ul li.betaImg {position:relative;}
.gnb-wrap .gnb-util ul li.betaImg2 {position:relative; margin-right:20px;}
.gnb-wrap .gnb-util ul li.betaImg span {position:absolute; right:-13px; top:8px; display:inline-block; width:21px; height:7px; background:url('/img/bg/bg_beta_blue.png') no-repeat left top; background-size:21px 16px; text-indent:-999999px}
.gnb-wrap .gnb-util ul li.active.betaImg {width:74px;}
.gnb-wrap .gnb-util ul li.active.betaImg2 {width:64px; margin:0;}
.gnb-wrap .gnb-util ul li.active.betaImg span,
.gnb-wrap .gnb-util ul li.active.betaImg2 span {right:8px; background-position:left -9px}

.gnb-wrap .gnb-util ul li.betaImg2 span {position:absolute; right:-13px; top:8px; display:inline-block; width:21px; height:7px; background:url('/img/bg/bg_beta_orange.png') no-repeat left top; background-size:21px 16px; text-indent:-999999px}



.gnb-wrap .gnb-util ul li a {color:#464646; font-size:12px;}
.gnb-wrap .gnb-util ul.utilFirst {float:left}
.gnb-wrap .gnb-util ul.utilFirst li {padding:0 10px;}
.gnb-wrap .gnb-util ul.utilFirst li:first-child {padding:0 10px 0 0;}
.gnb-wrap .gnb-util ul.utilFirst li.active {background:#1f5dbe}
.gnb-wrap .gnb-util ul.utilFirst li.active a {color:#fff; font-family:NanumGothicBold;}
.gnb-wrap .gnb-util ul.utilSecond {float:right}
.gnb-wrap .gnb-util ul.utilSecond li.sns_login {position:relative;}
.gnb-wrap .gnb-util ul.utilSecond li.sns_login a {font-family:'NanumGothicBold'}
.gnb-wrap .gnb-util ul.utilSecond li.sns_login em {position:absolute; left:-16px; top:6px; width:20px; height:20px; display:block; text-indent:-999999px; background-size:20px 20px;}
.gnb-wrap .gnb-util ul.utilSecond li.sns_login em.facebook {background-image:url('/img/ico/ico_loginsns_facebook.png');}
.gnb-wrap .gnb-util ul.utilSecond li.sns_login em.kakao {background-image:url('/img/ico/ico_loginsns_kakao.png');}
.gnb-wrap .gnb-util ul.utilSecond li.sns_login em.naver {background-image:url('/img/ico/ico_loginsns_naver.png');}
.gnb-wrap .gnb-util ul.utilSecond li.sns_login em.google {background-image:url('/img/ico/ico_loginsns_google.png');}

.gnb-wrap .gnb-util ul.utilSecond li {padding:0 8px;}
.gnb-wrap .gnb-util ul.utilSecond li:last-child {padding-right:0;}
.gnb-wrap .gnb-wrapin {width:950px; height:64px; margin:6px auto 0 auto;}
.gnb-wrap .gnb-wrapin h1 {float:left; width:140px; height:40px; margin:16px 0 0 0; background:url('/img/com/wts_new_logo_woori.gif') no-repeat left center; background-size:140px 40px; text-indent:-99999px}
.gnb-wrap .gnb-wrapin h1 a {display:block; width:100%; height:100%;}
.gnb-wrap .gnb-wrapin div.searchInput {position:relative; display:inline-block; float:left; margin:19px 0 0 13px}
.gnb-wrap .gnb-wrapin div.searchInput>input {padding:0 22px 0 10px; width:360px; height:36px; box-sizing:border-box; border:3px solid #134298; font-size:13px; color:#242424}
.gnb-wrap .gnb-wrapin div.searchInput>a {position:absolute; top:15px; right:15px; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #134298; text-indent:-999999px}
.gnb-wrap .gnb-wrapin div.searchInput>a.open {border-top:none; border-bottom:4px solid #1f5dbe; }
.gnb-wrap .gnb-wrapin div.searchInput>a.main_icosearch {position:absolute;top: 9px;right: 9px;width: 19px;height: 19px;text-indent:-999999px;background:url('/img/main/ico_main_search.png') no-repeat top left !important; border:none !important;}
/*.search-linked-wrap {display:none; position:absolute; width:460px; height:auto; min-height:34px; box-sizing:border-box; border:1px solid #b1b6bb; background:#fff; z-index:999999}*/
/*.search-linked-wrap ul {width:100%; margin:6px 0;}*/
/*.search-linked-wrap ul>li {display:block; width:100%; height:27px; line-height:27px; overflow:hidden;}*/
/*.search-linked-wrap ul>li>a {display:block; font-size:13px; color:#222; padding:0 12px; }*/
/*.search-linked-wrap ul>li>a em {color:#1f5dbe}*/
/*.search-linked-wrap ul>li:hover {background:#f5f6f8}*/
/*.search-linked-wrap div.searchLink {padding:0 12px; border-top:1px solid #e6e6e6}*/
/*.search-linked-wrap div.searchLink:first-child {border-top:none;}*/
/*.search-linked-wrap div.searchLink>ul>li>a {padding:0;}*/
/*.search-linked-wrap h3 {font-size:14px; color:#222; padding:10px 0 0 0; font-family:'NanumGothicBold'; font-weight:normal;}*/
/*.search-linked-wrap.comm {width:718px;}*/
/*.search-linked-wrap.comm2 {width:462px; top:30px;}*/
/*.search-linked-wrap.comm3 {top:36px; left:134px; width:685px}*/
/*.search-linked-wrap.comm a, .search-linked-wrap.comm2 a, .search-linked-wrap.comm3 a {position:static;}*/

.gnb-wrap .gnb-wrapin div.rankwrap {position:relative; float:left; width:140px; height:36px; line-height:36px; margin:19px 0 0 12px; }
.gnb-wrap .gnb-wrapin div.rankwrap div.rankSlide {overflow:hidden; width:140px; height:36px;}
.gnb-wrap .gnb-wrapin div.rankwrap .rankPopup {display:none; position:absolute; top:0; width:100%; padding:10px 10px 8px 10px; background:#fff; box-sizing:border-box; border:1px solid #c8c8c8; border-radius:5px; z-index:9999999}
.gnb-wrap .gnb-wrapin div.rankwrap .rankPopup h3 {margin:0 0 5px 0; font-size:13px; line-height:13px; color:#1f5dbe; font-family:NanumGothicBold}
.gnb-wrap .gnb-wrapin div.rankwrap .rankPopup>ul>li {overflow:hidden; height:23px; line-height:23px;}
.gnb-wrap .gnb-wrapin div.rankwrap .rankPopup>ul>li>a>span.rank,
.gnb-wrap .gnb-wrapin div.rankwrap .rankSlide span.rank {display:inline-block; border:1px solid #d7d9dc; width:15px; height:15px; margin:0 5px 0 0; font-size:11px; line-height:15px; color:#686868; border-radius:1px; text-align:center; letter-spacing:-0.076em; font-family:dotum; box-sizing:border-box; background:#fff;}
.gnb-wrap .gnb-wrapin div.rankwrap .rankPopup>ul>li>a:hover {text-decoration:underline;}

.gnb-wrap .gnb-wrapin p.banner {position:absolute; overflow:hidden; right:0; top:-6px; height:68px; width:250px;}
.gnb-wrap .gnb-wrapin p.banner a {display:block; width:100%; height:100%;}
.gnb-wrap .gnb-wrapin p.banner a img {position:absolute; bottom:0;}

.gnb-wrap .gnb-menu {position:relative; height:48px; box-sizing:border-box; border-bottom:1px solid #c8c8c8}
.gnb-wrap .gnb-menu .gnb-wrapin {height:100%;}
.gnb-wrap .gnb-menu ul.menuwrap {float:left; height:47px;}
.gnb-wrap .gnb-menu ul.menuwrap>li {padding:0 20px; line-height:47px; font-size:17px; float:left;}
.gnb-wrap .gnb-menu ul.menuwrap>li>a {color:#333; font-family:NotosansM; letter-spacing:-0.056em;}
.gnb-wrap .gnb-menu ul.menuwrap>li>a.on,
.gnb-wrap .gnb-menu ul.menuwrap>li>a:hover {color:#134298}
.gnb-wrap .gnb-menu ul.menuwrap>li.mypage {margin:0; padding:0 20px; background:url('/img/gnb/icon_mypage.gif?cashBuster=20191128') no-repeat center left; background-size:18px 18px}
.gnb-wrap .gnb-menu ul.menuwrap>li.mypage>a {padding:0 0 0 5px;}
.gnb-wrap .depthmenu {display:none; position:absolute; top:47px; left:0; z-index:999999; box-sizing:border-box; width:100%; padding:0; min-height:150px; background:#fff; border-bottom:1px solid #c8c8c8; border-top:1px solid #ecf0f3;  box-shadow:3px 3px 3px rgba(0,0,0,0.05)}
.gnb-wrap .depthmenu .mnWrap {width:950px; margin:0 auto;  background:url('/img/gnb/bg_totmn.gif') repeat left top; padding-bottom:5px;}
.gnb-wrap .depthmenu .mn-left {float:left; width:150px; height:auto; padding:14px 0 0 0px; box-sizing:border-box; }
.gnb-wrap .depthmenu .mn-left a.btn-white {font-size:13px; height:28px; line-height:28px; padding:0 10px; box-shadow:none}
.gnb-wrap .depthmenu .mn-left h2 {text-align:left; font-size:18px; color:#464646; font-family:'NanumGothicBold'; letter-spacing:-1px; line-height:normal}
.gnb-wrap .depthmenu .mn-left p.menu-title {margin:5px 5px 10px 0; font-size:12px; color:#686868; line-height:18px; letter-spacing:-0.06em}
.gnb-wrap .depthmenu .mn-left p.customer {position:absolute; bottom:20px;}
.gnb-wrap .depthmenu .mn-right {float:left; width:800px; height:auto; padding:14px 0 0 0; box-sizing:border-box;}
.gnb-wrap .depthmenu .mn-right .mn-section {float:left; width:800px; height:100%; }
.gnb-wrap .depthmenu .mn-right .mn-section h3 {margin:5px 10px 5px 20px; padding:0; font-size:12px; color:#999; background:url('/img/gnb/bg_mypage.gif') no-repeat right center; line-height:12px; font-weight:normal;}
.gnb-wrap .depthmenu .mn-right .mn-section h3 span {background:#fff; padding:0 10px 0 0;}
.gnb-wrap .depthmenu .mn-right .mn-section>ul {float:left; width:198px; height:auto; margin:0 0 10px 0;}

/* .gnb-wrap .gnb-menu ul.menuwrap>li.mypage>.depthmenu .mn-right .mn-section h3>em {display:inline-block; width:auto; height:7px; background:url('/img/gnb/bg_mypage.gif') repeat-x; background-size:100% 7px; text-indent:-999999px}
.gnb-wrap .gnb-menu ul.menuwrap>li.mypage>.depthmenu .mn-right .mn-section {width:25%;}
.gnb-wrap .gnb-menu ul.menuwrap>li.mypage>.depthmenu .mn-right .mn-section>ul {clear:both; float:none; height:auto;}
.gnb-wrap .gnb-menu ul.menuwrap>li.mypage>.depthmenu .mn-right .mn-section ul>li.firstMn {padding:8px 0 0 0;} */

.gnb-wrap .depthmenu .mn-right .mn-section>ul:last-child {border:none}
.gnb-wrap .depthmenu .mn-right .mn-section ul>li {display:block; float:none; padding:0 5px 0 0; margin:-4px 0 0 0; line-height:28px;}
.gnb-wrap .depthmenu .mn-right .mn-section ul>li>a {display:block; height:100%; margin:0 0 0 -5px; padding:0 0 0 25px; font-size:12px; color:#464646;}
.gnb-wrap .depthmenu .mn-right .mn-section ul>li>a em {display:inline-block; width:2px; height:2px; margin:-1px 4px 0 0; background:#686868; vertical-align:middle}
.gnb-wrap .depthmenu .mn-right .mn-section ul>li>a:hover {/* background:url('/img/gnb/bg_menu.gif') no-repeat left 2px; */ color:#134298}
.gnb-wrap .depthmenu .mn-right .mn-section ul>li>a:hover em {background:#134298;}
.gnb-wrap .depthmenu .mn-right .mn-section ul>li.firstMn>a {font-size:13px; color:#464646; font-family:'NanumGothicBold'}
.gnb-wrap .depthmenu .mn-right .mn-section ul>li.firstMn>a:hover {background:none; color:#134298;}

.gnb-wrap .gnb-menu div.utilsub {float:right; height:28px; line-height:28px; margin:12px 0 0 0 }
.gnb-wrap .gnb-menu div.utilsub p {float:left; border:1px solid #e1e1e1; border-radius:26px; height:26px; line-height:26px; padding:0 14px; box-sizing:border-box;}
.gnb-wrap .gnb-menu div.utilsub p a {display:block; float:left; font-size:13px; height:25px; line-height:24px; color:#464646; }
.gnb-wrap .gnb-menu div.utilsub span.sitemap {float:left; width:17px; height:14px; margin:7px 0 0 10px; padding:0 0 0 10px; border-left:1px solid #e1e1e1; background:url('/img/gnb/icon_sitemap.png') no-repeat center right; text-indent:-9999999px }
.gnb-wrap .gnb-menu div.utilsub span.sitemap.open {background:url('/img/gnb/icon_sitemap_open.png') no-repeat right center; background-size:16px 16px;}
.gnb-wrap .gnb-menu div.utilsub span.sitemap a {display:block; width:100%; height:100%; }
.gnb-wrap .gnb-menu div.utilsub.fs .brandLink {float:left; }
.gnb-wrap .gnb-menu div.utilsub.fs p a.line {border-right:1px solid #e1e1e1; padding:0 10px 0 0; margin:0 8px 0 0 }
.gnb-wrap .sitemap-wrap {display:none; overflow:hidden; position:absolute; top:47px; left:0; z-index:999999; width:100%; height:424px; min-height:112px; background:#fff; border-bottom:1px solid #c8c8c8; border-top:1px solid #c8c8c8; box-shadow:3px 3px 3px rgba(0,0,0,0.05)}
.gnb-wrap .sitemap-wrap .sitemapCont {position:relative; width:950px; height:427px; overflow-y:auto; overflow-x:hidden; margin:0 auto;}
.gnb-wrap .sitemap-wrap .sitemapCont > .depthmenu ul.array_list {position:absolute; top:0; width:507px; height:40px; padding:0 221px; line-height:40px; background:#f1f2f4; z-index:99999999}
.gnb-wrap .sitemap-wrap .sitemapCont > .depthmenu ul.array_list>li {float:left; padding:0 10px;}
.gnb-wrap .sitemap-wrap .sitemapCont > .depthmenu {display:block; position:relative; top:0; width:950px !important; min-height:none; max-height:none; padding:60px 0 0 0; background:url('/img/gnb/bg_totmn.gif') repeat left top; border:none;}
.gnb-wrap .sitemap-wrap .sitemapCont > .depthmenu .mnWrap {clear:both; display:inline-block; margin:0 0 5px;}
.gnb-wrap .sitemap-wrap .sitemapCont > .depthmenu ul {border:none;}
.gnb-wrap .sitemap-wrap .sitemapCont > .depthmenu .mnWrap .mn-left {background:none;}

.gnb-wrap .location {clear:both; position:relative; width:100%; height:40px; line-height:40px; margin:1px auto 0 auto; text-align:left; background:#fff}
.gnb-wrap .location.fixed {position:absolute; background:none; z-index:99999}
.gnb-wrap .location>ul {display:block; width:950px; height:40px; margin:0 auto;}
.gnb-wrap .location>ul>li {float:left; height:40px; font-size:13px; line-height:40px; color:#888;}
.gnb-wrap .location>ul>li em {display:inline-block; padding:0 7px;}
.gnb-wrap .location>ul>li a {color:#888;}
.gnb-wrap .location>ul>li.home {padding:0 0 0 17px; background:url('/img/gnb/bg_location1.png') no-repeat left center;}
.gnb-wrap .location>ul>li.lastcate {position:relative; color:#333;}
.gnb-wrap .location>ul>li.lastcate a {float:left; color:#333;}
.gnb-wrap .location>ul>li.lastcate em {float:left; color:#888}
.gnb-wrap .location>ul>li.lastcate em.moreView {float:right; width:0; height:0; margin:18px 0 0 5px; padding:0; border-left:3px solid transparent; border-right:3px solid transparent; border-top:3px solid #949494; text-indent:-999999px}
.gnb-wrap .location>ul>li.lastcate .cateLine {display:none; position:absolute; top:34px; left:12px; max-width:320px; min-width:150px; width:auto; padding:6px 10px; background:#fff; box-sizing:border-box; border:1px solid #c8c8c8; border-radius:5px; z-index:100;}
.gnb-wrap .location>ul>li.lastcate .cateLine>ul>li {display:block; overflow:hidden; height:23px; line-height:23px; font-size:12px;}
.gnb-wrap .location>ul>li.lastcate .cateLine>ul>li>a:hover {color:#134298}

/* quick*/
.gnb_quickMy,
.gnb_quickCart  {position:absolute; top:78px;  width:31px; height:31px; z-index:50; text-indent:-999999px}
.gnb_quickMy {left:18px; background:url('/img/gnb/btn_my.png') no-repeat center center;}
.gnb_quickCart {right:18px; background:url('/img/gnb/btn_cart.png') no-repeat center center;}

.quick-go {position:fixed; z-index:100; width:114px; height:100%; background:#f0f0f0; z-index:9999999}
.quick-go .quick-close {overflow:hidden; display:block; width:25px; height:25px;}
.quick-go .quick-close:hover img {margin-top: -25px}
.quick-go.quick-my .quick-profile {margin-top: 5px}
.quick-go.quick-my .quick-profile a {color: #363636}
.quick-go.quick-my .quick-close {position: absolute;top:98px;left: 102px;z-index: 101}
.quick-go.quick-cart .quick-close {position:absolute; top:98px; right:102px; z-index:101}
.quick-go.quick-cart .quick-top img {width:auto; height:auto; margin-top:6px}
.quick-go.quick-cart .quick-profile {margin-top:7px}
.quick-go.quick-cart .quick-profile img {margin-top:-6px}

.quick-my {top:0; left:-114px; border-right:1px solid #cbced3; display:none}
.quick-my .quick-relist li .rate.up {color:#000}
.quick-cart {top:0; right:-114px; border-left:1px solid #cbced3; display:none}
.quick-area .quick-top {width:114px; height:110px; text-align:center; background:#fff; border-bottom:1px solid #d8dadd}
.quick-area .quick-top img {width:49px; height:53px}
.quick-area .quick-top .quick-topin {height:93px; padding-top:17px}

.quick-profile {margin-top:10px; color:#363636; font-size:14px; font-weight:bold}
.quick-profile * {vertical-align:middle}
.quick-profile span {color:#686868; font-size:12px; font-weight:normal}
.quick-profile span a.go img {width:auto !important; height:auto !important; margin:-6px 0 0 5px}
.quick-profile.login span {color:#363636}

.quick-al {height:47px; line-height:47px; background:#fff; text-align:center}
.quick-al .my-po {margin-left:6px; color:#686868}
.quick-al .quick-alt {display:inline-block; font-size:12px}
.quick-al .quick-alt:first-child {margin-right:4px}
.quick-al .my-po span {display:inline-block; width:4px; height:7px; margin-left:5px; margin-top:-2px; background:url('/img/com/ico_my.png') 0 0 no-repeat; vertical-align:middle}

.quick-o {display:inline-block; width:18px; height:18px; line-height:18px; margin-left:4px; background:url('/img/com/ico_o.png?cashBuster=20191201') 0 0 no-repeat; color:#fff; font-size:11px !important; vertical-align:middle; text-decoration:none}
.quick-o.o2 {width:30px; background:url('/img/com/ico_o2.png?cashBuster=20191201') 0 0 no-repeat}

.quick-retab {zoom:1}
.quick-retab:after {content:" "; display:block; clear:both}
.quick-retab a {display:block; float:left; width:56px; height:46px; padding:0; border-top:1px solid #e7eaec; border-left:1px solid #cbcfd2; border-bottom:1px solid #cbcfd2; background:#fff; line-height:42px; text-align:center; font-size:12px; color:#686868; vertical-align:middle}
.quick-retab a:first-child {border-left:none; width:57px}
.quick-retab a.on {background:#f0f0f0; border-top:1px solid #cbcfd2; border-bottom:1px solid #edf2f9; color:#000; font-weight:bold}
.quick-retab.type02 a {line-height:19px;}
.quick-retab.type02 .quick-o {line-height:18px; font-weight:normal; margin-top:6px}

.quick-relist {margin:5px 5px 0 5px}
.quick-relist li {position:relative; width:104px; height:70px; margin-bottom:5px; background:url('/img/gnb/bg_quicklistno_woori.png') 0 0 no-repeat}
.quick-relist li .quick-relist-unit {position:relative; display:inline-block; width:88px; height:54px; padding:8px; background:url('/img/gnb/bg_quicklist.png') 0 0 no-repeat}
.quick-relist li a {overflow:hidden; display:block; width:85px; height:28px; margin-bottom:4px; font-size:12px; line-height:14px; color:#686868}
.quick-relist li .rate {position:absolute; left:8px; bottom:6px; display:inline-block; font-size:17px; font-weight:bold}
.quick-relist li .rate .unit {font-size:12px; background:none}
.quick-relist li .rate.down {color:#2d70e0}
.quick-relist li .rate.up {color:#df3232}
.quick-relist li .recheck {position:absolute; right:7px; bottom:7px; display:inline-block; width:16px; height:16px; background:url('/img/com/ico_check3.png') 0 0 no-repeat; cursor:pointer}
.quick-relist li .recheck.on {background-position:0 -16px}
.quick-relist li a.recheck {position:absolute; right:7px; bottom:7px; display:inline-block; width:16px; height:16px; margin-bottom:2px; background:url('/img/com/ico_check3.png') 0 0 no-repeat; cursor:pointer}
.quick-relist li a.recheck.on {background-position:0 -16px}

.quick-bta {margin-top:8px; text-align:center}
.quick-bta .del {width:34px;margin-right:2px;}
.quick-bta .re {width:60px;}
.quick-bta span.btn-darkgray.disable {background:url('/img/btn/btn_darkgray_gray.png') 0 0 repeat-x}
.quick-bta span.btn-darkgray.disable i {background:url('/img/btn/btn_darkgray_grayl.png') 0 0 no-repeat}
.quick-bta span.btn-darkgray.disable span {background:url('/img/btn/btn_darkgray_grayr.png') right 0 no-repeat}
.quick-bta span.btn-darkgray.disable:hover span {color:#686868}

.quick-relist.type02 li {width:104px; height:60px; padding:0; background:url('/img/gnb/bg_quicklist02.png') 0 0 no-repeat}
.quick-relist.type02 .my-tit {display:block; font-size:12px; color:#686868; text-align:center; line-height:24px}
.quick-relist.type02 .my-txt {display:block; padding-right:8px; font-size:14px; color:#363636; font-weight:bold; text-align:right; line-height:35px}

.quick-page {margin-top:5px; padding-right:5px; text-align:right}
.quick-page .quick-pageno {display:inline-block; margin:0 8px 15px 0; font-size:12px; color:#686868; vertical-align:middle}
.quick-page .pos:hover {background-position:0 -25px}
.quick-page .pos.dim {background-position:0 -50px}
.quick-page .pre {display:inline-block; width:20px; height:24px; background:url('/img/gnb/btn_qpageleft.png') 0 0 no-repeat}
.quick-page .next {display:inline-block; width:20px; height:24px; margin-left:-4px; background:url('/img/gnb/btn_qpageright.png') 0 0 no-repeat}

/* FOOTER */
.locTop {padding-top:40px !important;}

.footer-wrap {border-top:1px solid #ddd; background:#fff;/*font-family:'notoSans';*/ }
.footer-wrap .top {position: fixed; bottom:13px; right: 37px; z-index:9999999;}
.footer-wrap .menu_link {overflow:hidden;}
.footer-wrap .menu_link li {float:left;}
.footer-wrap .menu_link li +li {margin-left:18px;}
.footer-wrap .menu_link li +li:before {content:''; float:left; display:block; position:relative; top:9px; left:-9px; width:1px; height:1px; border-top:1px solid #464646;}
.footer-wrap .menu_link li a {font-size:13px; color:#333; letter-spacing:-1px; color:#464646;}
.footer-contents {overflow:hidden; display:table; margin:0 auto; padding:30px 0; width:950px;}
.footer-contents .section-tit {margin-bottom:25px;/* font-weight:normal;*/ font-size:16px; color:#222;}

.footer_menu {width:100%; border-bottom:1px solid #eee; }
.footer_menu .menu_link02 {margin: 0 auto;width:950px;padding: 13px 0;}
.footer_menu .menu_link02 ul {overflow:hidden; display: table; table-layout: fixed; width:100%;}
.footer_menu .menu_link02 ul li {position: relative; display: table-cell; text-align: center; float:none !important;}
.footer_menu .menu_link02 li +li:before {content:"";display:block;position:absolute;top:5px;left:0px;width:1px;height:12px;background: #eee;border-top:none;}
.footer_menu .menu_link02 ul li a { font-size:14px;letter-spacing:-1px; color:#666;}

.footer-contents .customer {display:block;width: 295px;vertical-align:top;float: right;padding-left: 60px;}
.footer-contents .customer .phone {overflow:hidden; margin-bottom:10px;}
.footer-contents .customer dt {float:left; font-size:14px; line-height:30px; color:#333; width: 100px;}
.footer-contents .customer dd {overflow:hidden; font-size:20px; line-height:28px; color:#1f5dbe; vertical-align:middle;}
.footer-contents .customer .section-tit {margin-bottom:20px;}
.phone-ars {display:inline-block; height:22px; line-height:22px; border:1px solid #c8c8c8; padding:0 10px 2px 10px; border-radius:15px;-webkit-border-radius:15px; font-size:14px; margin:0 0 0 2px; font-weight:bold; color:#1f5dbe; vertical-align:middle;}
.phone-ars em {font-size:12px; line-height:26px; vertical-align:middle; color:#666;}

.footer-contents .customer .menu_link {margin-top:15px;}
.footer-contents .company { width:550px; float:left; position:relative; display:block; padding-left:0px; border-left:none; border-right: 1px solid #eee; vertical-align:top; left:0 !important;top:0 !important;}
.footer-contents .company .logo {margin-bottom:25px;}
.footer-contents .company address span {display: inline-block; font-size:14px; color:#666;}
.footer-contents .company .copyright {display: inline-block; margin-top:5px; font-size:13px; color:#999; font-weight:normal !important;}
.footer-contents .company .sns {display:block; margin-top:10px;background-image: none; width:auto; height:auto;}
.footer-contents .company .sns a {margin-right:8px; display:inline-block;}


/*================================================================*/

/* 공통 */
.cb {clear:both !important;}
.clear {*zoom:1;}
.clear:before,
.clear:after {display:table; content:"";}
.clear:after {clear:both;}
.relative {position:relative;}
.absolute {position:absolute;}
.blind {position:absolute; top:-55000px !important; width:0; height:0; font-size:0; line-height:0;}
.txt-hidden {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal;}
.txt-hidden.type01 {width:98%;}
.txt-hidden.type02 {display:inline-block; width:auto !important; max-width:95%;}
.tbl-vtype1 .txt-hidden.type02 {background:none !important; padding:0; font-size:13px; line-height:18px;}
.block {display:block;}
.curp {cursor:pointer;}
/* font */
.fs-11 {font-size:11px;}
.fs-12 {font-size:12px;}
.fs-13 {font-size:13px;}
.fs-14 {font-size:14px !important;}
.fs-15 {font-size:15px;}
.fs-16 {font-size:16px;}
.fs-18 {font-size:18px;}
.fs-22 {font-size:22px !important;}
.fs-24 {font-size:32px; color:#222; line-height:50px; font-weight:bold !important;}
.fs-21 {font-size:20px; color:#444; line-height:50px; font-weight:bold !important;}
.fs-18c {font-size:18px; color:#444; line-height:50px; font-weight:bold !important;}
.fw-n {font-weight:normal;}
.fw-b {font-weight:bold !important;}
.underline {text-decoration:underline;}
/* color */
.point-c1 {color:#1f5dbe;}
.txt-white {color:#fff;}
.orange,
.txt-red {color:#df3232 !important; /*color:#ee5850 !important;*/;}
.txt-red2 {color:#df3232 !important; /*color:#ee5850 !important;*/;}
.light-crimson {color:#ff6666;}
.light-gray {color:#888 !important;}
.dark-gray {color:#222 !important;}
.mid-gray {color:#444 !important;}
.tree-blue {color:#40a4e4 !important;}
.tree-red {color:#ee5743 !important;}
.tree-gray {color:#666 !important;}
.blue {color:#40a4e4;}
.red {color:#ee5743;}
.gray {color:#666;}
.pred {color:#df3232;}
.pointtxt {font-size:15px; font-weight:bold; text-decoration:underline;}
.pblue {color:#1e7498;}
.c-orange {color:#ff8028 !important;}
.c-blue {color:#2676d9 !important;}
.txt_point1 {color:#df3232 !important;} /* point text color */
.txt_point2 {color:#1f5dbe !important;} /* point text color */
/* 정렬 */
.loc01-fixed {position:absolute; right:103px; top:5px;}
.fl {float:left;}
.fr {float:right;}
.al {text-align:left !important;}
.ac {text-align:center !important;}
.ar {text-align:right !important;}
.v-top {vertical-align:top;}
.v-middle {vertical-align:middle;}
/* 버튼정렬 */
.btn-ar {position:absolute; top:0; right:0;}
.btn-al {position:absolute; top:0; left:0;}
/* + 버튼 */
.btn_plus {display:inline-block; *display:inline; *zoom:1; width:15px; height:15px; vertical-align:middle; background:url('/img/com/ico_plus.gif') no-repeat;}
/* 배경색 */
.bgc_f9 {background:#f9f9f9;}
/* 라인 */
.b1 {border:1px solid #ddd;}
.bdr1_ddd {border-right:1px solid #ddd;}
.bdl1_ddd {border-left:1px solid #ddd;}
.bdt1_ddd {border-top:1px solid #ddd;}
.bdb1_ddd {border-bottom:1px solid #ddd;}
.bdt1_e7 {border-top:1px solid #e7eaec;}
.bdb1_e7 {border-bottom:1px solid #e7eaec;}
.b1_e1 {border:1px solid #e1e1e1;}
.bdr1_e1 {border-right:1px solid #e1e1e1;}
.bdl1_e1 {border-left:1px solid #e1e1e1;}
.bdt1_e1 {border-top:1px solid #e1e1e1;}
.bdb1_e1 {border-bottom:1px solid #e1e1e1;}
.h40 {height:40px !important;}
/* line-height */
.lineH16 {line-height:16px !important;}
.lineH17 {line-height:17px !important;}
.lineH18 {line-height:18px !important;}
.lineH19 {line-height:19px !important;}
.lineH20 {line-height:20px !important;}
.lineH21 {line-height:21px !important;}
.lineH22 {line-height:22px !important;}
.lineH23 {line-height:23px !important;}
.lineH24 {line-height:24px !important;}
.lineH25 {line-height:25px !important;}
.lineH26 {line-height:26px !important;}
.lineH27 {line-height:27px !important;}
.lineH28 {line-height:28px !important;}
.lineH29 {line-height:29px !important;}
.lineH30 {line-height:30px !important;}
/* 간격 */
.m0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb11 {margin-bottom:11px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:30px !important;}
.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml27 {margin-left:27px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml36 {margin-left:36px !important;}
.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr175 {margin-right:175px !important;}
/* 폰트 */
.fB {font-weight:bold !important;}
.fN {font-weight:normal !important;}
.f10 {font-size:10px !important;}
.f11 {font-size:11px !important;}
.f12 {font-size:12px !important;}
.f13 {font-size:13px !important;}
.f14 {font-size:14px !important;}
.f15 {font-size:15px !important;}
.f16 {font-size:16px !important;}
.f17 {font-size:17px !important;}
.f18 {font-size:18px !important;}
.f19 {font-size:19px !important;}
.f20 {font-size:20px !important;}
.f30 {font-size:30px !important;}
.p0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb11 {padding-bottom:11px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb30 {padding-bottom:35px !important;}
.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
/*position*/
.positionS {position:static !important;}
.positionR {position:relative !important;}
.positionA {position:absolute !important;}
.position_top0 {top:0 !important;}
.position_bottom0 {bottom:0 !important;}
.position_left0 {left:0 !important;}
.position_right0 {right:0 !important;}
.position_right1 {right:1px !important;}
.top_2 {top:-2px !important;}
.wd44 {width:44% !important;}
.wd50 {width:50% !important;}
.wd49_ {width:49.8% !important;}
.mg-t2 {margin-top:2px !important;}
.mg-t3 {margin-top:3px !important;}
.mg-t4 {margin-top:4px !important;}
.mg-t5 {margin-top:5px !important;}
.mg-t7 {margin-top:7px;}
.mg-t8 {margin-top:8px;}
.mg-t9 {margin-top:9px;}
.mg-t10 {margin-top:10px !important;}
.mg-t11 {margin-top:11px;}
.mg-t12 {margin-top:12px !important;}
.mg-t13 {margin-top:13px;}
.mg-t14 {margin-top:14px;}
.mg-t15 {margin-top:15px;}
.mg-t17 {margin-top:17px;}
.mg-t18 {margin-top:18px;}
.mg-t20 {margin-top:20px;}
.mg-t24 {margin-top:24px;}
.mg-t26 {margin-top:26px !important;}
.mg-t30 {margin-top:30px !important;}
.mg-t35 {margin-top:35px;}
.mg-t36 {margin-top:36px;}
.mg-t37 {margin-top:37px;}
.mg-t38 {margin-top:38px !important;}
.mg-t40 {margin-top:40px !important;}
.mg-t45 {margin-top:45px;}
.mg-t50 {margin-top:50px !important;}
.mg-t52 {margin-top:52px;}
.mg-t55 {margin-top:55px;}
.mg-t56 {margin-top:56px;}
.mg-t60 {margin-top:60px;}
.mg-t66 {margin-top:66px;}
.mg-t72 {margin-top:72px;}
.mg-t80 {margin-top:80px;}
.mg-t90 {margin-top:90px;}
.mg-t100 {margin-top:100px;}
.mg-mt2 {margin-top:-2px;}
.mg-mt4 {margin-top:-4px;}
.mg-mt15 {margin-top:-15px;}
.mg-mt17 {margin-top:-17px;}
.mg-r2 {margin-right:2px;}
.mg-r4 {margin-right:4px !important;}
.mg-r5 {margin-right:5px;}
.mg-r7 {margin-right:7px;}
.mg-r10 {margin-right:10px;}
.mg-r13 {margin-right:13px;}
.mg-r15 {margin-right:15px;}
.mg-r16 {margin-right:16px;}
.mg-r17 {margin-right:17px;}
.mg-r20 {margin-right:20px !important;}
.mg-r25 {margin-right:25px;}
.mg-r26 {margin-right:26px;}
.mg-r30 {margin-right:30px;}
.mg-r35 {margin-right:35px;}
.mg-r40 {margin-right:40px;}
.mg-r50 {margin-right:50px;}
.mg-ml4 {margin-left:-4px;}
.mg-l0 {margin-left:0 !important;}
.mg-l2 {margin-left:2px;}
.mg-l4 {margin-left:4px;}
.mg-l5 {margin-left:5px !important;}
.mg-l8 {margin-left:8px !important;}
.mg-l10 {margin-left:10px !important;}
.mg-l12 {margin-left:12px;}
.mg-l14 {margin-left:14px;}
.mg-l15 {margin-left:15px;}
.mg-l20 {margin-left:20px !important;}
.mg-l25 {margin-left:25px;}
.mg-l30 {margin-left:30px;}
.mg-l35 {margin-left:35px;}
.mg-l40 {margin-left:40px;}
.mg-l50 {margin-left:50px;}
.mg-l72 {margin-left:72px;}
.mg-l95 {margin-left:95px;}
.mg-l160 {margin-left:160px;}
.mg-lm300 {margin-left:-300px;}
.mg-b5 {margin-bottom:5px;}
.mg-b10 {margin-bottom:10px;}
.mg-b13 {margin-bottom:13px;}
.mg-b15 {margin-bottom:15px;}
.mg-b20 {margin-bottom:20px;}
.mg-b25 {margin-bottom:25px;}
.mg-b26 {margin-bottom:26px;}
.mg-b30 {margin-bottom:30px;}
.mg-b40 {margin-bottom:40px;}
.pd-t5 {padding-top:5px;}
.pd-l20 {padding-left:20px;}
.pd-l5 {padding-left:5px;}
.pd-l8 {padding-left:8px;}
.pd-l9 {padding-left:9px;}
.pd-l17 {padding-left:17px;}
.pd-b0 {padding-bottom:0px !important;}
.pd-b15 {padding-bottom:15px !important;}
.pd-b50 {padding-bottom:50px;}
/* line height */
.line16 {line-height:16px;}
.line22 {line-height:22px !important;}
.line24 {line-height:24px !important;}
.line32 {line-height:32px;}
.line40 {line-height:40px;}
.line48 {line-height:48px;}
.line50 {line-height:50px;}