html { font-family: "Nanum Gothic", sans-serif; font-weight: 400; }

body { min-width: 1140px; font-size: 16px; color: #3f3f3f; }

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

#navMob { display: none; }

header { background: #fff; }

#navPc { background: #fff; }
#navPc .wrap { height: 145px; overflow: hidden; }
#navPc .wrap::after { clear: both; content: ''; display: block; }
#navPc .logo { margin-top: 35px; float: left; }
#navPc .logo a { display: block; width: 238px; height: 95px; background: url("../../images/common/logo_top.png") left top no-repeat; text-indent: -9999px; }
#navPc .lan { position: absolute; top: 0; right: 0; }
#navPc .lan::after { clear: both; content: ''; display: block; }
#navPc .lan li { margin-left: 1px; float: left; list-style-type: none; }
#navPc .lan li a { font-weight: 800; background: #959fa3; line-height: 42px; height: 42px; width: 118px; display: block; text-align: center; color: #fff; font-size: 0.85em; }
#navPc .lan li.active a { background: #33bde3; }
#navPc .gnbOpener { display: none; }
#navPc .gnbBg { display: none; background: rgba(51, 189, 227, 0.98); position: absolute; top: 150px; left: 0; width: 100%; height: 200px; z-index: 5; }
#navPc .mGnbGroup { display: block; }
#navPc .gnb { display: block; margin-top: 84px; margin-right: 25px; float: right; }
#navPc .gnb::before { display: none; background: rgba(51, 189, 227, 0.95); position: fixed; top: 150px; left: 0; width: 100%; height: 335px; z-index: 2; content: ''; }
#navPc .gnb::after { clear: both; content: ''; display: block; }
#navPc .gnb li { list-style-type: none; position: relative; }
#navPc .gnb li.depth1 { display: inline-block; }
#navPc .gnb li.depth1::before { width: 1px; height: 16px; background: #959fa3; display: block; content: ''; position: absolute; top: 0; left: 0; }
#navPc .gnb li.depth1:nth-child(1)::before { display: none; }
#navPc .gnb li.depth1 a { padding: 0 40px; font-size: 1.313em; font-weight: 800; color: #1e1e1e; height: 60px; }
#navPc .gnb li.depth1.active a { color: #33bde3; }
#navPc .gnb li.depth1:nth-child(2) a { padding: 0 50px; }
#navPc .gnb li.depth1:nth-child(3) a { padding: 0 55px; }
#navPc .gnb li.depth1 a:hover { color: #33bde3; }
#navPc .gnb li.depth1 > ul { display: none; position: absolute; padding-top: 0; top: 80px; left: 0; z-index: 10; }
#navPc .gnb li.depth1 > ul::before { background: #fff; width: 1px; height: 230px; display: block; content: ''; position: absolute; top: -50px; left: 1px; }
#navPc .gnb li.depth1 > ul li { list-style-type: none; padding-bottom: 5px; }
#navPc .gnb li.depth1 > ul li a { color: #fff !important; }
#navPc .gnb li.depth1 > ul li a:hover { color: #f2fd9f !important; }
#navPc .gnb li.depth1:nth-child(2) > ul li a { padding: 0 0 10px 10px; }
#navPc .gnb li.depth1:nth-child(3) > ul li a { padding: 0 0 10px 10px; }
#navPc .gnb li.depth1 > ul li a { font-size: 1em; height: auto; padding: 0 0 10px 10px; display: block; color: #fff; }
#navPc .gnb li.depth1 > ul li a:hover { color: #f2fd9f; }
#navPc .gnb li.depth1 > ul li a::before { background: #fff; width: 3px; height: 3px; display: block; content: ''; position: absolute; top: 5px; left: 0; }
#navPc .gnb li.depth1 > ul li > .depth3 li { list-style-type: none; padding-bottom: 0; }
#navPc .gnb li.depth1 > ul li > .depth3 li a { font-size: 1em; padding-left: 24px; }
#navPc .gnb li.depth1 > ul li > .depth3 li a::before { display: none; }
#navPc .searchOpener a { position: absolute; top: 80px; right: 0; background: url("../../images/common/icon_searchopener.png") left top no-repeat; width: 25px; height: 80px; text-indent: -9999px; }
#navPc .searchOpener.closer a { background: url("../../images/common/icon_searchcloser.png") center top no-repeat; }

#searchView { display: none; position: absolute; top: 150px; left: 0; width: 100%; z-index: 1001; background: rgba(51, 189, 227, 0.95); padding: 20px 0; }
#searchView form { width: 1140px; margin: 0 auto; }
#searchView form #searchInput { background: #fff; padding: 0 30px; width: calc(100% - 118px); border: 0; height: 50px; line-height: 50px; font-size: 1.35em; }
#searchView form #searchInput::palceholder { font-size: 1.35em; }
#searchView form #searchBtn { background: #424649; color: #fff; width: 118px; border: 0; height: 50px; line-height: 50px; font-size: 1.35em; font-weight: 800; cursor: pointer; }

footer { background: #424649; padding: 40px 0 80px 0; }
footer #underBtns { padding-bottom: 20px; }
footer #underBtns::after { clear: both; content: ''; display: block; }
footer #underBtns dt { float: left; margin-right: 15px; color: #a0a5a9; font-weight: 800; color: #fff; font-size: 0.85em; }
footer #underBtns dd { float: left; font-size: 0.85em; font-weight: 800; }
footer #underBtns dd a { color: #fff; }
footer #underBtns dd .use { margin-right: 18px; position: relative; }
footer #underBtns dd .use::after { display: block; width: 1px; height: 0.85em; background: #858687; position: absolute; top: 2px; right: -11px; content: ''; }
footer #companyInfo .info { line-height: 110%; }
footer #companyInfo .info em span { font-style: normal; }
footer #companyInfo .info span { color: #a0a5a9; display: inline-block; font-size: 0.75em; line-height: 0.75em; }
footer #companyInfo .info span a { color: #a0a5a9; }
footer #companyInfo .info span.ceo { border-left: 1px solid #606467; border-right: 1px solid #606467; padding-left: 4px; padding-right: 4px; }
footer #companyInfo .copyright { margin-top: 8px; color: #a0a5a9; font-size: 0.75em; }
footer #companyInfo .logo { position: absolute; top: 0; right: 0; background: url("../../images/common/logo_footer.png") center top no-repeat; width: 219px; height: 28px; text-indent: -9999px; }

#sider { position: fixed; top: 170px; left: 50%; margin-left: 650px; z-index: 10; }
#sider .lan { display: none; }
#sider .buttons li { list-style-type: none; padding-bottom: 5px; }
#sider .buttons li a { display: block; text-indent: -9999px; width: 63px; height: 63px; background-position: center top; background-repeat: no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; padding-top: 40px; color: #434648; }
#sider .buttons li.supporter a { background-color: #dadfe3; text-indent: 0; font-size: 0.6em; background-image: url("../../images/common/sider_icon_supporter.png"); background-position:center 8px; background-size:34px auto; }
#sider .buttons li.letter a { background-color: #dadfe3; text-indent: 0; font-size: 0.6em; background-image: url("../../images/common/sider_icon_letter.png"); }
#sider .buttons li.report a { background-color: #dadfe3; text-indent: 0; font-size: 0.6em; background-image: url("../../images/common/sider_icon_report.png"); }
#sider .buttons li.insta a { background-image: url("../../images/common/sider_icon_insta.png"); background-color: #de297a; }
#sider .buttons li.facebook a { background-image: url("../../images/common/sider_icon_facebook.png"); background-color: #4662a6; }
#sider .buttons li.naver a { background-image: url("../../images/common/sider_icon_naver.png"); background-color: #00cf00; }
#sider .buttons li.youtube a { background-image: url("../../images/common/sider_icon_youtube.png"); background-color: #fc2c18; }

.top { position: fixed; top: 660px; left: 50%; margin-left: 650px; z-index: 10; display: none; }
.top a { text-indent: -9999px; background: #fff url("../../images/common/icon_totop.png") center center no-repeat; width: 63px; height: 63px; display: block; border: 1px solid #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }

/*======================================================== 1366 ========================================================*/
@media (max-width: 1366px) { #sider { left: auto; right: 1.5em; margin-left: auto; }
  .top { left: auto; right: 1.5em; margin-left: auto; } }
/*======================================================== 1024 ========================================================*/
@media (max-width: 1024px) { #navPc { display: none; }
  img { max-width: 100%; height: auto !important; }
  #mBg { position: fixed; top: 136px; left: 0; width: 100%; height: calc(100% - 136px); background: rgba(0, 0, 0, 0.8); z-index: 100; display: none; }
  body { min-width: 320px; }
  #searchView { top: 108px; }
  #searchView form { width: 100%; min-width: 320px; padding-left: 15px; padding-right: 15px; }
  .wrap { width: auto; padding-left: 15px; padding-right: 15px; }
  footer { padding: 1.9em 0 1.9em 0; }
  footer #companyInfo .logo { position: relative; right: auto; margin-top: 1.9em; }
  footer a { color: #fff; }
  .top { display: none; }
  .top a { width: 50px; height: 50px; }
  #sider { display: none; }
  #navMob { display: block !important; }
  #navMob .logo { height: 94px; margin-top: 10px; left: 30px; }
  #navMob .logo a { display: block; width: 200px; height: 80px; background: url("../../images/common/logo_top.png") left top no-repeat; background-size: 200px 80px; text-indent: -9999px; }
  #navMob .searchOpener a { position: absolute; top: 47px; right: 70px; background: url("../../images/common/icon_searchopener_mob.png") left top no-repeat; width: 60px; height: 60px; text-indent: -9999px; }
  #navMob .searchOpener.closer a { background: url("../../images/common/icon_searchcloser.png") center top no-repeat; }
  #navMob .mGnbGroup { background: #33bde3; z-index: 1000; position: absolute; top: 93px; left: 0; width: 100%; display: none; height: auto; }
  #navMob .gnb { display: block; }
  #navMob .gnb li { list-style-type: none; }
  #navMob .gnb li.depth1 { border-top: 1px solid #69c0e8; }
  #navMob .gnb li.depth1:nth-child(1) { border-top: 0; padding-top: 0.8em; }
  #navMob .gnb li.depth1:nth-last-child(1) { padding-bottom: 1.25em; }
  #navMob .gnb li.depth1 a { display: block; font-size: 1.2em; color: #2f3133; font-weight: 800; padding: 0.95em; }
  #navMob .gnb li.depth1 > ul.depth2 { margin-top: -10px; margin-bottom: 10px; }
  #navMob .gnb li.depth1 > ul.depth2 li a { display: block; font-size: 1em; color: #fff; font-weight: 800; padding: 0.35em 40px; }
  #navMob .gnb li.depth1 > ul.depth2 li a:hover { color: #f2fd9f; }
  #navMob .gnb li.depth1 > ul.depth2 li > ul.depth3 li a { display: block; font-size: 1em; color: #fff; font-weight: 800; padding: 0.35em 60px; }
  #navMob .gnb li.depth1 > ul.depth2 li > ul.depth3 li a:hover { color: #f2fd9f; }
  #navMob .gnb li > ul { display: block; }
  #navMob .searchOpener a { top: 20px; background: url("../../images/common/icon_searchopener_mob.png") center center no-repeat; background-size: 70% 70%; width: 50px; height: 50px; right: 100px; }
  #navMob .searchOpener.closer a { background: url("../../images/common/icon_searchcloser_mob.png") center center no-repeat; background-position: center center; background-size: 70% 70%; width: 50px; height: 50px; }
  #navMob .gnbOpener { display: block; }
  #navMob .gnbOpener a { position: absolute; top: 20px; right: 30px; background: url("../../images/common/icon_gnbopener_mob.png") center center no-repeat; background-size: 100% 100%; width: 50px; height: 50px; text-indent: -9999px; border: 1px solid #000; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; }
  #navMob .gnbOpener.closer a { background: #434648 url("../../images/common/icon_gnbcloser.png") center center no-repeat; background-size: 100% 100%; width: 50px; height: 50px; }
  .otherbtns { border-bottom: 2px solid #33bde3; background: #fff; padding: 0 0 1.25em 0; }
  .otherbtns .linker, .otherbtns .share { text-align: center; }
  .otherbtns li { display: inline-block; width: 20.5%; margin-left: 1.5%; margin-right: 1.5%; }
  .otherbtns .linker li { list-style-type: none; background: #959fa3; }
  .otherbtns .linker li a { display: block; font-size: 0.6em; width: 100%; height: 100%; background-position: center -5px; background-repeat: no-repeat; background-color: #959fa3; text-align: center; padding-top: 50px; padding-bottom: 1.25em; }
  .otherbtns .linker li.kor a { background-image: url("../../images/common/sider_icon_kor.png"); background-size: 30px auto; background-position: center 1.25em; background-color: #33bde3; padding-top: 50px; color: #fff; }
  .otherbtns .linker li.eng a { background-image: url("../../images/common/sider_icon_eng.png"); background-size: 22px auto; background-position: center 1.3em; padding-top: 50px; color: #fff; }
  .otherbtns .linker li.supporter a { background-image: url("../../images/common/sider_icon_supporter.png"); background-size: 36px auto; padding: 1em 0; background-position: center 1.7em; padding-top: 60px; }
  .otherbtns .linker li.letter a { background-image: url("../../images/common/sider_icon_letter_mob.png"); background-size: 38px auto; padding: 1em 0; background-position: center 1em; padding-top: 60px; }
  .otherbtns .linker li.report a { background-image: url("../../images/common/sider_icon_report_mob.png"); background-size: 30px auto; padding: 1em 0; background-position: center 1em; }
  .otherbtns .linker li.supporter a, .otherbtns .linker li.letter a, .otherbtns .linker li.report a { background-color: #dadfe3; width: 100%; height: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; padding-top: 50px; padding-bottom: 1.25em; color: #434648; }
  .otherbtns .share li { list-style-type: none; }
  .otherbtns .share li a { display: block; text-indent: -9999px; width: 63px; height: 63px; margin: 0 auto; background-position: center top; background-repeat: no-repeat; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; text-align: center; padding-top: 40px; color: #434648; }
  .otherbtns .share li.insta a { background-image: url("../../images/common/sider_icon_insta.png"); background-color: #de297a; }
  .otherbtns .share li.facebook a { background-image: url("../../images/common/sider_icon_facebook.png"); background-color: #4662a6; }
  .otherbtns .share li.naver a { background-image: url("../../images/common/sider_icon_naver.png"); background-color: #00cf00; }
  .otherbtns .share li.youtube a { background-image: url("../../images/common/sider_icon_youtube.png"); background-color: #fc2c18; }
  .otherbtns .insta, .otherbtns .facebook, .otherbtns .naver, .otherbtns .youtube { margin-top: 1em; position: relative; }
  .otherbtns .insta a, .otherbtns .facebook a, .otherbtns .naver a, .otherbtns .youtube a { background-size: 100% 100%; background-position: center center; width: 50px; height: 50px; padding-top: 0; } }
/*======================================================== 768 ========================================================*/
@media (max-width: 768px) { body { font-size: 14px; }
  #mBg { top: 82px; height: calc(100% - 82px); }
  #navMob .mGnbGroup { top: 70px; }
  #navMob .wrap { height: 70px; }
  #navMob .logo { margin-top: 7px; }
  #navMob .logo a { width: 148px; height: 60px; background-size: 100% auto; }
  #navMob .searchOpener a { top: 10px; right: 70px; width: 40px; height: 40px; background-size: 60% 60%; }
  #navMob .searchOpener.closer a { background-size: 70% 70%; width: 40px; height: 40px; }
  #navMob .gnbOpener a { top: 10px; right: 20px; width: 40px; height: 40px; }
  #navMob .gnbOpener.closer a { width: 40px; height: 40px; }
  #searchView { top: 81px; padding: 10px 0; }
  #searchView form #searchInput { width: calc(100% - 94px); font-size: 1em; padding-left: 0.95em; padding-right: 0.95em; height: 54px; line-height: 54px; }
  #searchView form #searchBtn { width: 94px; font-size: 1em; height: 54px; line-height: 54px; }
  footer #underBtns { text-align: center; }
  footer #underBtns dt, footer #underBtns dd { float: none; display: inline; }
  footer #companyInfo .info { text-align: center; }
  footer #companyInfo .info em { display: block; }
  footer #companyInfo .info span { display: inline-block; line-height: 1.17em; }
  footer #companyInfo .info span.ceo { border-right: none; padding-right: 0; display: inline-block; }
  footer #companyInfo .copyright { text-align: center; }
  footer #companyInfo .logo { margin: 0.95em auto 0 auto; widows: 135px; background-size: 135px auto; } }
/*======================================================== 640 ========================================================*/
@media (max-width: 640px) { .top a { width: 37px; height: 37px; position: fixed; bottom: 190px; right: 20px; }
  .otherbtns .linker { font-size: 16px; } }
/*======================================================== 460 ========================================================*/
@media (max-width: 460px) { #navMob .otherbtns { padding-bottom: 1em; }
  #navMob .otherbtns .linker li a { font-size: 10px; }
  #navMob .otherbtns .linker li.kor a { padding-top: 80%; padding-bottom: 0.95em; background-size: 50% auto; }
  #navMob .otherbtns .linker li.eng a { padding-top: 80%; padding-bottom: 0.95em; background-size: 35% auto; }
  #navMob .otherbtns .linker li.supporter a { padding-top: 80%; padding-bottom: 0.95em; background-size: 55% auto; }
  #navMob .otherbtns .linker li.letter a { padding-top: 80%; padding-bottom: 0.95em; background-size: 55% auto; }
  #navMob .otherbtns .linker li.report a { padding-top: 80%; padding-bottom: 0.95em; background-size: 45% auto; }
  #navMob .otherbtns .share li { list-style-type: none; }
  #navMob .otherbtns .share li a { width: 50px; height: 50px; padding-top: 0; } }

/*# sourceMappingURL=style.css.map */