@charset "utf-8";

/* web font */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);	/* 나눔고딕 */
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);	/* 나눔명조 */
@import url(http://cdn.jsdelivr.net/nanumsquare/1.0/nanumsquare.css);	/* 나눔스퀘어 */
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);	/* notosanskr */


/* 작업자 : 안효석 / 작업일자 : 2017-03-29 */
#wrap * {font-family: "NanumSquare", sans-serif;}
.header:after {content:""; clear: both; display: block;}
.header .head_bar_1,
.header .head_cont,
.footer .foot_cont {width: 1200px; margin: 0 auto;}

#sub_bg {display: none; width: 100%; height: 49px; position: absolute; top: 93px; left: 0; border-top: 1px solid #e8e8e8; background: #fff; z-index: 51;}

.head_quick {float: right; padding-top: 15px;}
.head_quick .member li {float: left;}
.head_quick .member li a {font-family: "Noto Sans CJK KR" !important; font-size: 12px;  letter-spacing: -2px; color: #9e9e9e; margin-left: 20px;}
.head_quick .member li:first-child a {margin-left: 0;}

.head_cont {clear: both;}
.head_cont h1 {float: left; font-size: 36px; font-weight: 600; color: #414141; height: 70px; line-height: 70px; margin-top: -12px;}
.head_cont .nav {float: right; padding-top: 20px;}
.nav {text-align: right;}
.nav:after {content:""; clear: both; display: block;}
.nav li {display: inline-block; *float: left; padding-bottom: 20px;}
.nav li:first-child {margin-left: 0;}
.nav li a {font-size: 18px; font-weight: 600; letter-spacing: -1px; text-decoration: none;}
.nav li .dropdown-content {display: none; position: absolute; top: 110px; background: #fff; z-index: 55;}
.nav li .dropdown-content a {font-family: "Noto Sans CJK KR" !important; font-size: 14px; font-weight: normal; color: #959595; margin: 0 10px; position: relative;}
.nav li .dropdown-content a.active,
.nav li .dropdown-content a:hover {color: #00a4be; display: inline-block;}
.nav li .dropdown-content a.active:before,
.nav li .dropdown-content a:hover:before {content: ""; display: block; width: 4px; height: 15px; position: absolute; top: -24px; left: 50%; margin-left: -2px; background: #00a4be; border-width: 0 4px; border-style: solid; border-color: #fff;}

#all_menu a {display: inline-block; width: 24px; height: 18px; vertical-align: middle; margin-left: 25px;}
#all_menu a span {display: block; height: 4px; background: #a3cfe4; margin-top: 3px; transition:all .2s ease-in-out; cursor: pointer;}
#all_menu a span:first-child {margin-top: 0;}
#all_menu a .bar3 {width: 15px;}
#all_menu a.open .bar1 {transform: translateY(3.5px) rotate(45deg);}
#all_menu a.open .bar2 {transform: translateY(-3.5px) rotate(-45deg);}
#all_menu a.open .bar3 {opacity: 0; transform: translateX(-60px);}

#all_menu_gnb {display: none; position: absolute; top: 92px; left: 0; width: 100%; padding-bottom: 50px; background: #fff; border-bottom: 1px solid #e5e5e5; z-index: 60;}
#all_menu_gnb:after {content: ""; clear: both; display: block;}
#all_menu_gnb .nav {width: 1200px; margin: 0 auto;}
#all_menu_gnb .nav li {float: left; width: 150px; padding-bottom: 0;}
#all_menu_gnb .nav li:first-child {margin-left: 415px;}
#all_menu_gnb li li a {font-size: 14px; font-weight: normal; line-height: 28px; letter-spacing: -1px; color: #959595;}
#all_menu_gnb li li a.actvie,
#all_menu_gnb li li a:hover {color: #00a4be;}
#all_menu_gnb .close,
#all_menu_gnb .nav_title {display: none;}

.footer {clear: both; padding: 50px 0; font-family: "Noto Sans KR" !important; font-size: 12px; line-height: 20px; color: #787878;}
.footer .foot_cont:after {content: ""; clear: both; display: block;}
.footer .address {float: left;}
.footer .address ul {margin-bottom: 18px;}
.footer .address li {display: inline; color: #b4b4b4;}
.footer .address a {font-size: 11px; color: #b4b4b4; margin: 0 8px;}
.footer .address li:first-child a {margin-left: 0;}
.footer .banner {float: right;}
.footer .banner li {float: left; border: 1px solid #ddd; margin-left: 7px;}
.footer .banner li img {width: 204px; height: 61px;}

.contents > div {clear: both;}

.pull_left {float: left;}
.pull_right {float: right;}

.text_primary {color: #38baf1;}