@charset "UTF-8";
.inner { width: 1580px !important; margin: 0 auto !important; } 
.inner02 { width: 1300px !important; margin: 0 auto !important; } 
.inner03 { width: 1000px !important; margin: 0 auto !important; box-sizing: border-box;} 

div.WholeWrap { position: relative; width: 100%; height: 100%; } 

/* #main { padding-bottom: 280px; } */

/* 모바일 메뉴 */
.mobileMenu { display: none; position: fixed; top: 0; width: 100%; height: 100%; background-color: #112a47; z-index: 200; } 
.mobileMenu_top { position: relative; height: 60px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding: 0 20px; } 
.mobileMenu_logo { position: absolute; width: 150px; height: 24px; background-image: url('../img/main/logo.png'); background-repeat: no-repeat; background-size: 100%; background-position: left top; left: 20px; top: 50%; transform: translateY(-50%); } 
.mobileMenu_logo a { display: inline-block; width: 100%; height: 100%; } 
.mobileMenu_topBtn { position: absolute; right: 20px; top: 50%; transform: translateY(-50%); } 
.mobileMenu_topBtn .snsBtn { display: inline-block; vertical-align: middle; margin-right: 40px; } 
.mobileMenu_topBtn .snsBtn li { display: inline-block; vertical-align: middle; } 
.mobileMenu_topBtn .snsBtn li a.blogBtn { display: block; width: 20px; height: 20px; background: url(../img/main/blog_icon_w.png) no-repeat top center; background-size: auto 100%; margin-right: 30px; } 
.mobileMenu_topBtn .snsBtn li a.youtubeBtn { display: block; width: 25px; height: 20px; background: url(../img/main/youtube_icon_w.png) no-repeat 20% center; background-size: 100%; } 

.mobileMenu_closeBt { display: inline-block; vertical-align: middle; width: 25px; height: 25px; cursor: pointer; } 
.mobileMenu_closeBt span { display: inline-block; width: 28px; height: 3px; right: 0; top: 12px; background-color: #fff; border-radius: 1px; position: absolute; } 
.mobileMenu_closeBt span:nth-child(1) { transform: rotate(-45deg); } 
.mobileMenu_closeBt span:nth-child(2) { transform: rotate(45deg); } 

.mobileMenu_container { height: 100%; width: 100%; } 
.mobileMenu_1depth { height: 100vh; width: 40%; float: left; border-right: 1px solid rgba(255, 255, 255, 0.2); background-color: #112a47; box-sizing: border-box; padding: 20px; } 
.mobileMenu_1depth ul li { cursor: pointer; padding: 12px 0; font-size: 18px; font-weight: 600; color: #fff; } 
.mobileMenu_1depth ul li a { color: #fff; } 
.mobileMenu_1depth span { float: right; display: none; } 

.mobileMenu_2depth { box-sizing: border-box; padding: 20px; float: right; height: 100vh; width: 60%; background-color: #112a47; } 
.mobileMenu_2depth ul { display: none; } 
#mobile2depth_1 { display: block; } 
.mobileMenu_2depth ul li { padding: 12px 0; font-size: 18px; color: #fff; } 
.mobileMenu_2depth ul li a { color: rgba(255, 255, 255, 0.8); } 
.mobileMenu_2depth span { width: 4px; height: 4px; border-radius: 4px; display: inline-block; background-color: #fff; margin-right: 10px; vertical-align: middle; } 

.mobile_nowMenu { color: #fff; font-weight: bold; pointer-events: none; } 
.mobile_nowMenu span { display: block; } 

/* 사이트맵 */
div#sitemapbox { z-index: 1000; position: fixed; top: 0; width: 100%; height: 100%; display: none; transition: ease-in-out 0.3s; } 
div.sitemapbg { z-index: 3; width: 100%; height: 100%; background-color: #000; opacity: 0.7; } 
div.sitemap { z-index: 2; position: absolute; left: 0; width: 100%; height: 100%; background: url(../img/main/menu_bg01.png) no-repeat top center; background-size: cover; box-sizing: border-box; animation: leftOn 1s; } 

@keyframes leftOn { 
  0% { left: 100%; } 
  100% { left: 0%; } 
}

.sitemaptop { width: 100%; height: 100px; position: absolute; top: 0; } 
.sitemaplogo { width: 200px; height: 30px; position: absolute; left: 40px; font-size: 25px; font-weight: bold; background-image: url('../img/main/logo.png'); background-repeat: no-repeat; background-position: left top; z-index: 1000; top: 50%; transform: translateY(-50%); } 
.sitemaplogo a { display: inline-block; width: 100%; height: 100%; } 
.sitemapBtn { position: absolute; right: 40px; top: 50%; transform: translateY(-50%); } 
.sitemapBtn .snsBtn { display: inline-block; vertical-align: middle; margin-right: 40px; } 
.sitemapBtn .snsBtn li { display: inline-block; vertical-align: middle; } 
.sitemapBtn .snsBtn li a.blogBtn { display: block; width: 20px; height: 20px; background: url(../img/main/blog_icon_w.png) no-repeat top center; background-size: auto 100%; margin-right: 30px; } 
.sitemapBtn .snsBtn li a.youtubeBtn { display: block; width: 25px; height: 20px; background: url(../img/main/youtube_icon_w.png) no-repeat 20% center; background-size: 100%; } 

/* 사이트맵 닫기버튼 */
div.sitemapcloseBt { display: inline-block; vertical-align: middle; width: 30px; height: 25px; cursor: pointer; } 
div.sitemapcloseBt span { display: inline-block; width: 26px; height: 3px; right: 0; top: 12px; background-color: #fff; border-radius: 1px; position: absolute; } 
.sitemapcloseBt span:nth-child(1) { transform: rotate(-45deg); } 
.sitemapcloseBt span:nth-child(2) { transform: rotate(45deg); } 

/* 사이트맵 메뉴 정렬 */
div.sitemapcontents { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 30px 150px; box-sizing: border-box; } 
div.sitemapcontents>ul::after { display: block; content: ""; clear: both; } 
div.sitemapcontents>ul { width: 100%; font-size: 0; } 
div.sitemapcontents>ul>li { display: inline-block; vertical-align: top; /* width: 26%; */width: 16.6%; height: auto; text-align: center; } 

.menubox .menutitle { position: relative; font-size: 32px; color: #fff; font-weight: 600; padding-bottom: 40px; margin-bottom: 40px; } 
.menubox .menutitle:after { position: absolute; display: block; width: 25px; height: 4px; background: rgba(255, 255, 255, 0.15); border-radius: 4px; content: ""; bottom: 0; left: 50%; transform: translateX(-50%); } 
.menubox .menutitle a { font-size: 32px; color: #fff; font-weight: 600; } 
.menubox .menuname { height: 50px; line-height: 50px; font-size: 20px; } 
.menubox .menuname a { color: rgba(255, 255, 255, 0.5); transition: all 0.3s; } 
.menubox .menuname a:hover { color: #fff; transition: all 0.3s; } 

/* 상단 메뉴 */
header { position: fixed; width: 100%; background-color: rgba(255, 255, 255, 0); z-index: 190; height: 100px; padding: 0 40px; top: 0; box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-between; } 
.topmenulogo { /* cursor:pointer; */display: inline-block; width: 200px; height: 100px; background-image: url('../img/main/logo.png'); background-repeat: no-repeat; background-position: left; background-size: 189px; transition: all 0.5s ease; } 
.topmenulogo a { display: inline-block; width: 100%; height: 100%; } 

/* 메뉴 */
.menuList { display: inline-block; text-align: center; height: 100%; transition: all 0.5s ease; font-size: 0; } 
.menuList>li { position: relative; display: inline-block; height: 100px; line-height: 100px; text-align: center; padding: 0 60px; vertical-align: top; } 
.menuList>li>a { font-size: 18px; font-weight: 600; color: #fff; transition: all 0.5s ease; } 

/* 서브메뉴 */
.menu .subMenu { position: absolute; top: 99px; left: 0; text-align: center; width: 100%; min-height: 261px; height: 100%; z-index: 1000; display: none; padding: 20px 0;  transition: all 0.5s ease; } 

.menu .subMenu li { width: 100%; line-height: 1.5; text-align: center; padding: 10px 0; } 
.menu .subMenu li:first-child { padding-left: 0; } 
.menu .subMenu li a { width: fit-content; height: 100%; color: #000; font-size: 17px; font-weight: 400; border-radius: 40px; } 
.menu .subMenu li a:hover { width: fit-content; height: 100%; color: #1d2f87; font-weight: bold; } 

/* SNS */
.snsBtn { display: inline-block; vertical-align: middle; margin-right: 40px; } 
.snsBtn li { display: inline-block; vertical-align: middle; } 
.snsBtn li a.blogBtn { display: block; width: 20px; height: 20px; background: url(../img/main/blog_icon_w.png) no-repeat top center; background-size: auto 100%; margin-right: 30px; } 
.snsBtn li a.youtubeBtn { display: block; width: 25px; height: 20px; background: url(../img/main/youtube_icon_w.png) no-repeat 20% center; background-size: 100%; } 

/* header_on */
header.menuOn { background-color: #fff; transition: none; } 
header.menuOn .topmenulogo { background-image: url('../img/main/logo_b.png'); } 
header.menuOn .menuList>li>a { font-size: 18px; font-weight: 600; color: #000; transition: all 0.5s ease; } 

header.menuOn .snsBtn li a.blogBtn { display: block; width: 20px; height: 20px; background: url(../img/main/blog_icon.png) no-repeat top center; background-size: auto 100%; } 
header.menuOn .snsBtn li a.youtubeBtn { display: block; width: 25px; height: 20px; background: url(../img/main/youtube_icon.png) no-repeat 20% center; background-size: 100%; } 
header.menuOn .sitemapopenBt ul li { background-color: #000; } 
header.menuOn .menuList>li:hover::after { position: absolute; display: block; width: 100%; height: 2px; background: #1d2f87; content: ""; z-index: 1000; bottom: -1px; left: 50%; transform: translateX(-50%); animation: menuLine .5s Linear; } 

@keyframes menuLine { 
  0% { width: 0; } 
  100% { width: 100%; } 
}

header.menuOn .menuList>li:hover>a { color: #1d2f87; } 
header.menuOnbg::after { position: absolute; display: block; width: 100%; height: 330px; background-color: #fff; border-top: 1px solid #eaeaea; top: 100px; left: 0; content: ""; transition: all 0.5s ease; box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.1); } 
header.hidden { transform: translateY(-400%); transition: all 1s ease; } 

.sitemapopenBt { display: inline-block; position: relative; width: 30px; height: 100px; cursor: pointer; transition: all 0.5s ease; vertical-align: middle; } 
.sitemapopenBt ul { position: absolute; width: 100%; height: 25px; text-align: right; top: 50%; transform: translateY(-50%); font-size: 0; } 
.sitemapopenBt ul li { display: inline-block; width: 30px; height: 3px; background-color: #fff; border-radius: 1px; margin-top: 7px; } 
.sitemapopenBt li:nth-child(1) { margin-top: 0; } 
.sitemapopenBt li:nth-child(2) { width: 20px; } 


/* 맨위로가기 버튼 */
.goTopBt { z-index: 100; display: inline-block; position: fixed; bottom: 64px; right: 70px; background-color: rgba(204, 204, 204, 0.5); width: 60px; height: 60px; border-radius: 50%; text-align: center; cursor: pointer; transition: all 0.3s; } 
.goTopBt i { color: #fff; line-height: 58px; font-weight: 400; } 
.goTopBt:hover { background-color: #0f63c3; transition: all 0.3s ease; } 

/* 푸터 영역 */
#footer { bottom: 0; width: 100%; padding: 30px 131.5px; box-sizing: border-box; border-top: 1px solid #f2f2f2; } 
#footer>ul { margin-bottom: 50px; } 
#footer>ul::after { display: block; content: ""; clear: both; } 
#footer>ul>li { float: left; padding-right: 20px; } 
#footer>ul>li a { transition: all 0.3s; } 
#footer>ul>li a:hover { color: #00A6E4; transition: all 0.3s; } 

#footer .tg { position: relative; border-collapse: collapse; border-spacing: 0; font-size: 16px; } 
.tg td { height: 24px; padding-right: 15px; overflow: hidden; word-break: normal; overflow: hidden; word-break: normal; } 
.tg .tg-0pky { width: 158px; text-align: center; vertical-align: middle; background-image: url('../img/01 CI_Normal_Blue.svg'); background-repeat: no-repeat; background-position: left center; background-size: 90% auto; } 
.tg .tg-0lax { text-align: left; vertical-align: middle; } 
.tg .copyright { color: #A5A5A5; } 

#footer .snsWrap { display: inline-block; position: absolute; right: 140px; bottom: 30px; } 
#footer .mobile-blog-icon { display: none; } 
#footer .snsWrap>div { width: 45px; height: 45px; border-radius: 15px; margin-left: 2px; transition: all 0.3s; /* background-color: #ddd; */
 text-align: center; display: inline-block; cursor: pointer; } 
#footer .snsWrap div:hover { transform: scale(1.1); transition: all 0.3s; } 
#footer .sns { font-size: 18px; line-height: 30px; color: #fff; } 

/* 모바일 푸터 */
.mobileFooter { display: none; } 
.mobileFooter ul li { display: inline-block; padding-right: 7px; line-height: 25px; } 
.mobileFooter .copyright { color: #A5A5A5; } 

/* 푸터 개인정보처리방침 */
.layerPopup { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 201; } 
.layerPopupBg { width: 100%; height: 100%; top: 0; left: 0; background-color: #000; opacity: .4; } 
.layerPopupBox { width: 100%; height: 100%; padding-bottom: 15px; } 
.layerPopupBox::after { display: block; content: ""; clear: both; } 
.layerPopupTitle { float: left; font-weight: bold; } 
.layerPopupCloseBt { float: right; cursor: pointer; } 
.layerPopupCloseBt i { display: block; font-size: 20px; } 

.layerPopuptext .rule-wrap { width: 750px; height: 300px; padding: 20px; margin-bottom: 20px; overflow-y: auto !important; border: 1px solid rgb(118, 118, 118); font-size: 14px; color: #535353; text-align: left; } 
.m_layerPopuptext .rule-wrap { width: 100%; height: 50vh; box-sizing: border-box; padding: 20px; margin-bottom: 20px; overflow-y: auto !important; border: 1px solid rgb(118, 118, 118); font-size: 14px; color: #535353; text-align: left; } 
.layerPopuptext .rule-wrap b,
.m_layerPopuptext .rule-wrap b { line-height: 30px !important; } 

.popup-innerTb { margin: 10px 0; width: 100%; text-align: center; } 
.popup-innerTb2 { margin: 10px 0; width: 50%; text-align: left; margin-right: auto; } 
.popup-innerTb th { background-color: #f3f3f3; } 

.popup-innerTb,
.popup-innerTb th,
.popup-innerTb td { border: 1px solid #d9d9d9; border-collapse: collapse; vertical-align: middle; } 

.popup-innerTb2 { border: 1px solid #d9d9d9; border-collapse: collapse; vertical-align: middle; } 

.popup-innerTb tr th,
.popup-innerTb tr td { padding: 5px 10px; } 

.popup-innerTb2 tr th,
.popup-innerTb2 tr td { padding: 3px 10px; } 

.layerPopuptext textarea { padding: 10px; margin-bottom: 20px; line-height: 22px; } 
textarea { resize: none; } 
.layerPopup1 li:nth-child(2) { background-color: #fff; padding: 30px; position: fixed; left: 50%; margin-left: -416px; top: 50%; margin-top: -235px; } 
.layerPopup2 li:nth-child(2) { background-color: #fff; padding: 30px; position: fixed; left: 50%; margin-left: -399px; top: 50%; margin-top: -158px; } 

.bottomcloseBt { text-align: center; margin: 0 auto; line-height: 40px; transition: all .3s; width: 134px; height: 40px; border-radius: 6px; background-color: #00A6E4; color: #fff; font-size: 16px; cursor: pointer; } 
.bottomcloseBt:hover { background-color: rgba(0, 166, 228, .8); transition: all .3s; } 

.layerPopup3 li:nth-child(2) { width: 40%; background-color: #fff; padding: 30px; position: fixed; left: 50%; margin-left: -20%; top: 50%; margin-top: -250px; } 
.layerPopup3 .layerPopuptext>div.licenseBox { border: 1px solid #d9d9d9; height: 300px; padding: 10px; margin-bottom: 20px; line-height: 22px; overflow-y: scroll; text-align: left; } 

.layerPopup1 { display: none; } 
.layerPopup2 { display: none; } 
.layerPopup3 { display: none; } 

/* 푸터 모바일 팝업 */
.m_layerPopup { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 300; background-color: #fff; padding: 20px; box-sizing: border-box; } 
.m_Popup_top { width: 100%; padding-bottom: 0; box-sizing: border-box; border-bottom: 0px solid #d9d9d9; font-weight: bold; margin-bottom: 10px; } 
.m_Popup_top::after { display: block; content: ""; clear: both; } 
.m_Popup_top li:nth-child(1) { float: left}
.m_Popup_top li:nth-child(2) { float: right}
.m_layerPopup>li:nth-child(2) { box-sizing: border-box; } 
.m_layerPopup>li:nth-child(2)>div { width: 100%; } 
.m_layerPopup>li:nth-child(2)>div>textarea { width: 100%; margin-bottom: 20px; padding: 20px; box-sizing: border-box; } 
.m_layerPopup3>li:nth-child(2) { padding-top: 0; } 

.m_licenseBox { border: 1px solid #d9d9d9; margin: 20px 0; height: 300px; overflow-y: scroll; padding: 20px; box-sizing: border-box; font: 14px; } 

.m_layerPopup .bottomcloseBt { height: 40px; line-height: 40px; border-radius: 0; font-size: 13px; } 

/* 제품 페이지 문의하기 하단버튼 */
.goContact_bottomBt { margin: 0px auto 80px; text-align: center; width: 300px; height: 60px; background-color: #00A6E4; border-radius: 30px}
.goContact_bottomBt a { display: block; font-size: 20px; line-height: 60px; color: #fff; } 

/* sub */
.subWrap{ margin:100px 0 160px 0; transition: all 0.3s ease;} 
.subTop { padding-top: 100px; margin-bottom:120px; transition: all 0.3s ease;}
.subTop .subLocation{margin-bottom:20px;}
.subTop .subLocation > div{position:relative; display:inline-block; padding-right: 21px; margin-right:18px; vertical-align: middle; line-height: 1;}
.subTop .subLocation > div::after{position:absolute; display:block; width:3px; height:3px; border-radius:50%; background:#aaa; content:""; top:50%; right:0; transform: translateY(-50%);}
.subTop .subLocation > div:last-child:after{display:none;}
.subTop .subLocation > div a{font-size:16px; color:#aaa; line-height: 1;}

h3.subTitle{font-size: 70px; color:#000; transition: all 0.3s ease;}
h5.subCon_tit{font-size:60px; line-height:1; color:#000; font-weight:700; margin-bottom:120px;}

p.txt01 { font-size: 20px; } 
p.txt02 { font-size: 18px; } 
span.color01 { color: #1d2f87; } 

.subTop .dropdown {position:relative;}
.subTop .dropdown .selected {position:relative; font-size:16px; color:#000; font-weight:500; cursor:pointer; padding-right:25px;}
.subTop .dropdown .selected::after{position:absolute; width:6px; height:4px; background: url(../img/sub/subArrow_icon.png) no-repeat center; content:""; right:0; top:50%; transform: translateY(-50%);}
.subTop .dropdown ul {display:none; position:absolute; top:100%; left:0; width:150px; border:1px solid #ddd; background:#fff; padding:15px 10px; margin-top:10px; list-style:none; border-radius: 10px; z-index: 100;}
.subTop .dropdown ul li {padding:8px;cursor:pointer;}
.subTop .dropdown ul li:hover {background:#f2f2f2;}
.subTop .dropdown.open ul {display:block;}

@media screen and (max-width:1600px) {
.subWrap{ margin:100px 0 160px 0;} 
.subTop { padding-top: 100px; margin-bottom:120px;}
}

@media screen and (max-width:1400px) {
  .subWrap{ margin:100px 0 160px 0; } 
  .subTop { padding-top: 90px; margin-bottom:100px;}
  h3.subTitle{font-size: 65px;}
  h5.subCon_tit{font-size:55px; margin-bottom:100px;}
  .subTop .subLocation > div{ padding-right: 18px; margin-right:15px; }
}

@media screen and (max-width:1280px) { 
  div.sitemapcontents { padding: 30px 80px; } 
  .menubox .menutitle { font-size: 26px; padding-bottom: 30px; margin-bottom: 30px; } 
  .menubox .menutitle a { font-size: 26px; } 
  .menubox .menuname { height: 45px; line-height: 45px; font-size: 18px; } 
}

@media screen and (max-width:1200px) {
  .subWrap{ margin:100px 0 140px 0;} 
  .subTop { padding-top: 80px; margin-bottom:100px;}
  h3.subTitle{font-size: 60px;}
  h5.subCon_tit{font-size:50px; margin-bottom:80px;}
  .subTop .subLocation > div{ padding-right: 17px; margin-right:12px; }
}

@media screen and (max-width:1024px) {
  .subWrap{ margin:70px 0 120px 0;} 
  .subTop { padding-top: 70px; margin-bottom:80px;}
  h3.subTitle{font-size: 55px;}
  h5.subCon_tit{font-size:40px; margin-bottom:60px;}
  p.txt01 { font-size: 18px; } 
  p.txt02 { font-size: 16px; } 
  .subTop .subLocation{margin-bottom:15px;}
  .subTop .subLocation > div{ padding-right: 17px; margin-right:12px; }
  .subTop .dropdown ul {width:120px; padding:10px; margin-top:10px; font-size:15px;}
}

@media screen and (max-width:768px){
  .mobileMenu_topBtn .snsBtn { margin-right: 25px; } 
  .mobileMenu_topBtn .snsBtn li a.blogBtn { margin-right: 20px; } 

  .mobileMenu_1depth {padding: 15px; } 
  .mobileMenu_1depth ul li { padding: 10px 0; font-size: 16px;}
  .mobileMenu_2depth {padding: 15px;} 
  .mobileMenu_2depth ul li { padding: 10px 0; font-size: 15px;} 

  .snsBtn { margin-right: 25px; } 
  .snsBtn li a.blogBtn { margin-right: 20px; } 
  

  .subWrap{ margin:60px 0 90px 0;} 
  .subTop { padding-top: 50px; margin-bottom:60px;}
  h3.subTitle{font-size: 45px;}
  h5.subCon_tit{font-size:30px; margin-bottom:35px;}
  p.txt01 { font-size: 16px; } 
  p.txt02 { font-size: 15px; } 
  .subTop .subLocation{margin-bottom:15px;}
  .subTop .subLocation div img{width:13px;}
  .subTop .subLocation > div{ padding-right: 15px; margin-right:10px; }
  .subTop .subLocation > div a{font-size:14px;}
  .subTop .dropdown .selected {font-size:14px; padding-right:20px;}
  .subTop .dropdown ul {width:110px; padding:10px; margin-top:10px; font-size:14px;}
}

@media screen and (max-width:480px){
  .mobileMenu_top { height: 50px; padding: 0 2.6%; } 
  .mobileMenu_logo { width: 130px; height: 21px; background-size: 100%; } 
  .mobileMenu_topBtn .snsBtn { margin-right: 15px; }
  .mobileMenu_topBtn .snsBtn li a.blogBtn {width: 17px; height: 17px; margin-right: 15px; } 
  .mobileMenu_topBtn .snsBtn li a.youtubeBtn {width: 21px; height: 17px;} 
  .mobileMenu_closeBt span { width: 25px; height: 2px; } 

  .mobileMenu_1depth {padding: 10px; } 
  .mobileMenu_1depth ul li { padding: 8px 0; font-size: 14px;}
  .mobileMenu_2depth {padding: 10px;} 
  .mobileMenu_2depth ul li { padding: 8px 0; font-size: 13px;} 

  .snsBtn { margin-right: 15px; } 
  .snsBtn li a.blogBtn {width: 17px; height: 17px; margin-right: 15px; } 
  .snsBtn li a.youtubeBtn {width: 21px; height: 17px; } 
  
  header.menuOn .snsBtn li a.blogBtn {width: 17px; height: 17px;} 
  header.menuOn .snsBtn li a.youtubeBtn {width: 21px; height: 17px;} 
  
  .subWrap{ margin:50px 0 60px 0;} 
  .subTop { padding-top: 30px; margin-bottom:40px;}
  h3.subTitle{font-size: 30px;}
  h5.subCon_tit{font-size:25px; margin-bottom:20px;}
  p.txt01 { font-size: 14px; } 
  p.txt02 { font-size: 13px; } 
  .subTop .subLocation{margin-bottom:12px;}
  .subTop .subLocation div img{width:12px;}
  .subTop .subLocation > div{ padding-right: 12px; margin-right:7px; }
  .subTop .subLocation > div a{font-size:13px;}
  .subTop .dropdown .selected {font-size:13px; padding-right:15px;}
  .subTop .dropdown ul {width:90px; padding:5px 5px; margin-top:8px; font-size:12px;}
}