@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@font-face {
     font-family: 'S-CoreDream-7ExtraBold';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-7ExtraBold.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'ThecircleM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/ThecircleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family:'210 sunflower.woff'; src:url('../fonts/210 sunflower.woff');
}

.sound_only {font-size:0; text-indent:-9999px; position:absolute; top:0; left:0; overflow:hidden;}


body {font-family: 'NanumSquare', sans-serif; overflow-x: hidden;}
.font_sf {font-family:'210 sunflower.woff';}
.font_cir {font-family:'ThecircleM';}

h1, h2, h3, h4, h5, h6 {font-family: 'S-CoreDream-7ExtraBold'; font-weight:700; margin:0;}
a{color:#333}
a:hover {color:inherit; text-decoration:none !important;}
ul {list-style:none; padding:0; margin:0;}
label {font-weight:normal; margin-bottom:0;}

hr.star-light,
hr.star-primary {
	padding: 0;
	border: none;
	border-top: solid 4px;
	text-align: center;
	max-width: 64px;
	margin: 15px auto 30px;
}
hr.star-light:after,
hr.star-primary:after {
 /* content: "\f005";*/
  font-family: FontAwesome;
  display: inline-block;
  position: relative;
  top: -0.8em;
  font-size: 2em;
  padding: 0 0.25em;
}
hr.star-light {
  border-color: #fff;
}
hr.star-light:after {
  background-color: #18bc9c;
  color: white;
}
hr.star-primary {
  border-color: #2a7bec;
}
hr.star-primary:after {
  background-color: white;
  color: #2a7bec;
}
.img-centered {
  margin: 0 auto;
}
#header {
    text-align: center;
    background-color: #fff;
    color: #666666;
}
#hd_login_msg {display:none;}
#header .container {
  padding-top: 100px;
  padding-bottom: 50px;
}
#header img {
  display: block;
  margin: 0 auto 20px;
  height: 250px;
}

#header .intro-text .skills {
  font-size: 1.25em;
  font-weight: 300;
}
#header hr.star-light {border-color:#666666;}

h1.logo {padding-top:15px;}
h1.logo img {max-width:170px;}

@media (min-width: 768px) {
  .navbar-fixed-top {
    -webkit-transition: padding 0.3s;
    -moz-transition: padding 0.3s;
    transition: padding 0.3s;
  }
  .navbar-fixed-top .navbar-brand {
    font-size: 2em;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    padding:0;
  }
}

.floating-label-form-group {
  position: relative;
  margin-bottom: 0;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #eeeeee;
}
.floating-label-form-group input,
.floating-label-form-group textarea {
  z-index: 1;
  position: relative;
  padding-right: 0;
  padding-left: 0;
  border: none;
  border-radius: 0;
  font-size: 1.2em;
  background: none;
  box-shadow: none !important;
  resize: none;
}
.floating-label-form-group label {
  display: block;
  z-index: 0;
  position: relative;
  top: 2em;
  font-size: 0.85em;
  line-height: 1.764705882em;
  vertical-align: middle;
  vertical-align: baseline;
  opacity: 0;
  -webkit-transition: top 0.3s ease,opacity 0.3s ease;
  -moz-transition: top 0.3s ease,opacity 0.3s ease;
  -ms-transition: top 0.3s ease,opacity 0.3s ease;
  transition: top 0.3s ease,opacity 0.3s ease;
}
.floating-label-form-group:not(:first-child) {
  padding-left: 14px;
  border-left: 1px solid #eeeeee;
}
.floating-label-form-group-with-value label {
  top: 0;
  opacity: 1;
}
.floating-label-form-group-with-focus label {
  color: #18bc9c;
}
form .row:first-child .floating-label-form-group {
  border-top: 1px solid #eeeeee;
}

#ie8, noscript {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
#ie8 {
    display: none;
}
#ie8 h1, noscript h1 {
    font-size: 2em;
    font-weight: 100;
    line-height: 2em;
}
.valign70 {
    position: relative;
    display: block;
    top: 70%;
    -webkit-transform: translateY(-70%);
    transform: translateY(-70%);
}
.valign50 {
    position: relative;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.valign30 {
    position: relative;
    display: block;
    top: 30%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.photo-bg-overlay {
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    background: rgba(0,0,0,0.5);
}
.photo-bg-overlay-gradient {
    height: 100%;
    width: 100%;
    position: absolute;
    background: transparent;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.7) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.7) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.7) 0%, transparent 30%, transparent 70%, rgba(0,0,0,0.7) 100%)
}

.middleLine {
    padding: 0;
    border: none;
    border-top: solid 3px;
    text-align: center;
    width: 100%;
    margin: 25px auto 30px;
    color: #eee;
}

#analog p , #bio-medical p , #wireless p {
    font-size: 85%;
    color: #666;
    letter-spacing: -.3px;
}
#analog h3:before , #bio-medical h3:before , #wireless h3:before{
    content: "■";
    font-size:70%;
    vertical-align: top;
    padding-right: 5px;
}

#fregister_term h2, #fregister_private h2 {
    font-size: 1.5em;
    line-height: 1.75em;
    padding: 15px 0;
}

/*더보기 버튼*/
.moreBtn{text-align: center; }
.moreBtn .btn {
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 0.625rem;
    letter-spacing: 0.3em;
    color: rgb(11 111 255);
    border-radius: 0;
    padding: 18px 80px 20px;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, #2196f3, #3f51b5, rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    margin: 0.625rem;
    border: none;
    border: 1px solid rgba(11,111,255,0.4);
}

.moreBtn .btn:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
}


.conBtn .btn {
    display: inline-block;
    background: transparent;
    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 0.625rem;
    letter-spacing: 0.3em;
    color: rgb(11 111 255);
    border-radius: 0;
    padding: 18px 80px 20px;
    transition: all 0.7s ease-out;
    background: linear-gradient(270deg, #2196f3, #3f51b5, rgba(34,34,34,0), rgba(34,34,34,0));
    background-position: 1% 50%;
    background-size: 300% 300%;
    text-decoration: none;
    margin: 0.625rem;
    border: none;
    border: 1px solid rgba(11,111,255,0.4);
}

.conBtn .btn:hover {
  color: #fff;
  border: 1px solid rgba(223,190,106,0);
  color: $white;
  background-position: 99% 50%;
}


/* header */
.navbar {background-color:#fff; margin:0; border-bottom:solid 1px #eee;}
.navbar-header {margin:0 !important;}

#gnb {}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {}
.gnb_1dli {padding:0 12px;}

.gnb_1da {font-family:'S-CoreDream-7ExtraBold'; font-size:1.1em; display:inline-block;}
.gnb_1da:focus, .gnb_1da:hover {background-color:transparent !important;}

.gnb_1dli_air .gnb_1da {background-color:#fff; color:#333}
.gnb_1dli_on .gnb_1da {background-color:#fff; color:#333}

.gnb_1dli_over .gnb_2dul, .gnb_1dli_over2 .gnb_2dul {height:auto; opacity:1;}

.gnb_2da {word-break:keep-all;}
.gnb_1dli_air .gnb_2da {background-color:#fff; color:#333}
.gnb_1dli_on .gnb_2da {background-color:#fff; color:#333}
.gnb_2da:focus, .gnb_2da:hover {}


.navbar-toggle {position:absolute; top:18px; right:20px; margin:0; width:26px; height:24px; padding:0;}
.navbar-toggle .icon-bar {background-color:#000; width:26px; height:2px; position:absolute; left:0;}
.navbar-toggle .icon-bar:nth-child(2) {top:0;}
.navbar-toggle .icon-bar:nth-child(3) {top:50%; margin-top:-1px;}
.navbar-toggle .icon-bar:nth-child(4) {bottom:0; margin-top:0;}


/* 공통 */
#container {margin-top:81px;}
.container {max-width: 1200px; width:100%; margin:0 auto; padding:0 20px;}
.cont_pad {padding:80px 20px 70px;}
.sub_top {padding:130px 0 110px; background-color:#ccc; position:relative;}
h2.title {text-align:center; font-size:3.2em; color:#fff; text-shadow:2px 1px 2px rgba(0, 0, 0, .2);}
h3.sub_title {font-size:2.4em; text-align:center; margin-bottom:40px;}
h3.left_title {font-size:1.6em; margin-bottom:15px; padding-left:15px; border-left:solid 5px #ee4927; letter-spacing:-0.5px;}
.btn_box {text-align:center;}
.btn {font-size:0.85em; color:#fff; width:80px; height:40px; line-height:37px; text-align:center; border-radius:3px; background-color:#666; padding:0; outline:none; vertical-align:bottom;}
.btn:active, .btn:focus {outline:none;}
.btn_bo {}
.btn_adm {background-color:#f00;}
.input_txt {/*width:100%; */max-width:300px; height:40px; border:solid 1px #ddd; background-color:#fff; outline:none;}
.input_file {height:34px; line-height:34px; outline:none;}
input[type="date"], input[type="time"] {border:solid 1px #ddd;}



.table {margin-bottom:50px;}
.table table {width:100%; border:solid 1px #ddd; border-bottom:solid 1px #ddd;}
.table table tr {border-bottom:solid 1px #ddd;}
.table table th {background-color:#f5f5f5; border-right:solid 1px #ddd; width:15%; min-width:160px; text-align:center; padding:10px 0; font-weight:normal; word-break:keep-all;}
.table table th label {}
.table table th label span {color:#ee4927;}
.table table td {padding:10px; word-break:keep-all;}
.table table td .lab_box {margin-right:10px;}
.table table td .lab_box:last-child {margin-right:0;}
.table table td .lab_box input[type="date"]
.table table td button {height:35px; line-height:31px; vertical-align:bottom;}
.table table td textarea {width:100%; border:solid 1px #ddd;}


/* 회원가입 */
.sign {}
.sign .sub_top {background:url("../img/sign_tit_bg.jpg") no-repeat 20% 50%; background-size:cover;}

.sign_up {}
.sign_up ul.step {display:flex;}
.sign_up ul.step li {width:25%; margin-right:20px; text-align:center; border:solid 1px #eee; padding:40px 0 30px;}
.sign_up ul.step li:last-child {margin-right:0;}
.sign_up ul.step li .icon {}
.sign_up ul.step li .icon img {width:120px;}
.sign_up ul.step li .num {display:inline-block; width:30px; height:30px; line-height:30px; background-color:#ee4927; border-radius:20px; margin:15px 0 5px; padding:0 0 0 1px; font-size:1.1em; color:#fff; font-weight:bold;}
.sign_up ul.step li .text {font-size:1.1em;}

.sign_up #sign_up_frm {}
.sign_up .sign_up_box {}
.sign_up .sign_up_box .box {margin-top:50px;}
.sign_up .sign_up_box .box .sign_up_agree {margin-bottom:5px;}
.sign_up .sign_up_box .box input {}
.sign_up .sign_up_box .box label {font-size:1.1em;}
.sign_up .sign_up_box .box .text_box {width:100%; height:150px; overflow-y:scroll; background-color:#fbfbfb; border:solid 1px #ddd; border-radius:0; padding:10px; user-select:none; word-break:keep-all;}
.sign_up .btn_confirm {margin-top:30px;}

.sign_up_message {}
.sign_up_message .message {text-align:center;}
.sign_up_message .message img {width:100%; max-width:160px;}
.sign_up_message .message h3 {font-size:2.2em; line-height:1.4; margin:30px 0 15px; word-break:keep-all;}
.sign_up_message .message p {font-size:1.3em; word-break:keep-all;}
.sign_up_message .contact_box {margin-top:50px;}
.sign_up_message .contact_box h3 {}
.sign_up_message .contact_box .text_box {background-color:#f5f5f5; padding:15px 20px;}
.sign_up_message .contact_box .text_box p {margin:0; line-height:2; word-break:keep-all;}


/* 로그인 */
.login {}
.login .login_cont {width:100%; max-width:500px; margin:0 auto; padding:50px; text-align:center;}
.login .login_cont .login_text {}
.login .login_cont .login_text label {}
.login .login_cont .login_text input {width:100%; height:50px; margin-bottom:15px; border:solid 1px #ddd; border-radius:30px; padding:5px 20px;}
.login .login_cont h3.login_tit {margin-bottom:20px;}
.login .login_cont h3.login_tit img {width:100%; max-width:150px;}
.login .login_cont .log_btn {width:100%; max-width:400px; height:50px; border:0; border-radius:30px; background-color:#ee4927; font-size:1.1em; color:#fff; font-weight:bold; margin-bottom:8px;}
.login .sign_go {margin-left:10px;}


/* 행사안내 */
.info {}
.info .sub_top {background:url("../img/info_tit_bg.jpg") no-repeat 15% 50%; background-size:cover;}

/* 인사말 */
.info1 {background:url("../img/greet_bg.png") no-repeat 82% 98%;}
.info1 .greet {display:flex; border-top:solid 1px #eee; padding:30px 0;}
.info1 .greet .img_box {width:35%; margin-top:-20px}
.info1 .greet .img_box img {width:100%; max-width:490px;}
.info1 .greet .text_box {width:65%; padding-top:50px; padding-left:10px;}
.info1 .greet .text_box p {font-size:1.1em; color:#606060; word-break:keep-all; margin-bottom:20px; line-height:1.5;}
.info1 .greet .text_box p:last-child {margin-bottom:0;}
.info1 .greet .text_box p span {}
.info1 .greet .text_box p span.bl {font-size:1.4em; color:#0060A9;}
.info1 .greet .text_box p span.or {color:#EB794D; font-weight:700;}
.info1 .greet .text_box p span.subject {font-size:1.3em; font-weight:600; line-height:1.1;}
.info1 .greet .text_box p span.subject.sbl {color:#008DCC;}
.info1 .border {height:14px; background: repeating-linear-gradient(-45deg, #ddd, #ddd 1px, transparent 0, transparent 8px);}

.info2 {}
.info2 .guide {display:flex; padding:30px 0 60px;}
.info2 .guide .img_box {width:30%;}
.info2 .guide .img_box img {width:100%; max-width:400px;}
.info2 .guide .text_box {width:70%; padding-left:20px;}
.info2 .guide .text_box table {width:100%; border:solid 1px #ddd; border-bottom:0;}
.info2 .guide .text_box table tr {border-bottom:solid 1px #ddd;}
.info2 .guide .text_box table th {width:25%; background-color:#333; font-size:1.05em; color:#fff; font-weight:400; text-align:center; border-right:solid 1px #ddd; padding:12px 10px; word-break:keep-all;}
.info2 .guide .text_box table th span {color:#ee4927; font-weight:bold;}
.info2 .guide .text_box table td {padding:12px 10px; word-break:keep-all;}
.info2 .program {}
.info2 .program ul {display:flex;}
.info2 .program ul li {width:25%; margin-right:20px; text-align:center; padding:40px 0 30px; border:solid 1px #eee;}
.info2 .program ul li:last-child {margin-right:0;}
.info2 .program ul li .icon {}
.info2 .program ul li .icon img {width:120px;}
.info2 .program ul li h4.tit {padding:15px 0 8px;}
.info2 .program ul li .txt {}

.on_ex .sub_top {background:url("../img/on_tit_bg.jpg") no-repeat 50% 50%; background-size:cover;}


#footer {}
#footer .ft_top {background-color:#222;}
#footer .ft_top .container {display:flex;}
#footer .ft_top .box {}
#footer .ft_top .logo_box {display:flex; width:calc(100% - 250px); padding:80px 0 65px;}
#footer .ft_top .logo_box img {width:100%; max-width:340px;}
#footer .ft_top .logo_box ul {padding-left:30px;}
#footer .ft_top .logo_box ul li {font-size:1.1em; color:#999; margin-bottom:2px;}
#footer .ft_top .logo_box ul li:nth-child(2) {color:#fff;}
#footer .ft_top .logo_box ul li:last-child {margin-bottom:0;}
#footer .ft_top .logo_box ul li span.tit {display:inline-block; width:74px; height:26px; line-height:26px; text-align:justify; vertical-align:top; margin-right:14px;}
#footer .ft_top .logo_box ul li span.tit:after {content:''; display:inline-block; width:100%;}
#footer .ft_top .logo_box ul li p {display:inline-block; margin:0; line-height:25px;}
#footer .ft_top .info_box {width:250px; padding:55px 0 65px;}
#footer .ft_top .info_box span.tit {font-size:1.1em; color:#999;}
#footer .ft_top .info_box p {font-size:1.1em; color:#fff; padding:3px 13px 1px; border-radius:30px;}
#footer .ft_top .info_box p:nth-child(2) {background-color:#f39929; margin-top:10px;}
#footer .ft_top .info_box p:nth-child(3) {background-color:#1a97ab;}
#footer .ft_top .info_box p:nth-child(4) {background-color:#015eab; margin-bottom:0;}
#footer .ft_bot {background-color:#000;}
#footer .ft_bot p {font-size:1em; color:#999; margin:0; padding:10px 0 12px;}
#footer .ft_bot p span {color:#f39929;}

.scroll-top {position:fixed; right:2%; bottom:2%; z-index:999;}
.scroll-top .btn {width:50px; height:50px; border-radius:100%; line-height:59px;}
.scroll-top .btn span {display:inline-block; width:14px; height:14px; border:solid 3px #fff; border-right:0; border-bottom:0; transform:rotate(45deg);}
.scroll-top .btn:focus {outline: none;}

/* 이벤트 상단 */
.event .sub_top {background:url("../img/event_tit_bg.jpg") no-repeat 15% 50%; background-size:cover;}


/* 미리보기 팝업 */
.preview {}
.preview .preview_top {text-align:center; background-color:#115fad; font-size:1.3em; color:#fff; padding:20px 0;}
.preview .program {padding-top:60px;}
.preview h3 {font-size:1.8em; border-bottom:solid 2px #222; padding-bottom:15px;}
.preview .program_info {display:flex;}
.preview .program_info .img_box {width:40%; margin-right:30px; text-align:center; border:solid 1px #ddd;}
.preview .program_info .img_box img {width:100%;}
.preview .program_info .table_box {width:60%;}
.preview .program_info .table_box table {width:100%;}
.preview .program_info .table_box table tr {border-bottom:solid 1px #ddd;}
.preview .program_info .table_box table th,
.preview .program_info .table_box table td {font-size:1.1em;}
.preview .program_info .table_box table th {text-align:center; background-color:#f5f5f5; width:25%; padding:10px 0;}
.preview .program_info .table_box table td {padding:10px;}
.preview .program_text {}
.preview .program_text .text {margin-top:15px;}
.preview .program_img {}
.preview .program_img ul {display:flex; flex-wrap:wrap; margin-top:15px;}
.preview .program_img ul li {width:24%; margin:0.5%; text-align:center;}
.preview .program_img ul li img {width:100%; height:auto;}
.preview .program_url {}
.preview .program_url ul {margin-top:15px;}
.preview .program_url ul li {border:solid 1px #ddd; background-color:#fff; margin-bottom:5px; transition:all 0.25s;}
.preview .program_url ul li:last-child {margin-bottom:0;}
.preview .program_url ul li:hover {background-color:#ccc; color:#fff;}
.preview .program_url ul li a {display:inline-block; width:100%; padding:8px 5px 5px;}
.preview .program_bro {padding-bottom:60px;}
.preview .program_bro a {display:block; margin:0 auto; width:140px; height:45px; line-height:45px; background-color:#115fad; color:#fff; text-align:center;}
.preview .program_bro a img {}



@media (max-width:1040px) {
    h1.logo {padding-top:22px;}
    h1.logo img {max-width:130px;}
    #gnb_1dul {}
    .gnb_1dli {padding:0 5px;}
    .gnb_1da {font-size:0.9em;}
    
    .container {padding:0 15px;}
    .cont_pad {padding:70px 15px 60px;}
    
    .info2 .guide .img_box {width:35%;}
    .info2 .guide .text_box {width:65%;}
}

@media (max-width:980px) {
    /* 미리보기 팝업 */
    .preview .program_info .img_box {margin-right:20px;}
    
    .preview .program_info .table_box table th, .preview .program_info .table_box table td {font-size:0.95em;}
    .preview .program_info .table_box table th {width:30%;}
    
}


@media (max-width:840px) {
    .info1 {background-position:92% 104%;}
    .info1 .greet {flex-wrap:wrap; text-align:center;}
    .info1 .greet .img_box {width:100%;}
    .info1 .greet .text_box {width:100%; padding-left:0;}
    .info1 .greet .text_box p {font-size:1em;}
    
    .info2 .guide {flex-wrap:wrap;}
    .info2 .guide .img_box {width:100%; text-align:center; padding-bottom:30px;}
    .info2 .guide .text_box {width:100%; padding-left:0;}
    .info2 .guide .text_box table th {font-size:0.95em;}
    .info2 .guide .text_box table td {font-size:0.9em;}
    .info2 .program ul {flex-wrap:wrap;}
    .info2 .program ul li {width:48%; margin:1%;}
    
    #footer {}
    #footer .ft_top .logo_box {width:50%; padding:50px 0 20px;}
    #footer .ft_top .logo_box a {display:none;}
    #footer .ft_top .logo_box ul {width:100%; padding-left:0;}
    #footer .ft_top .logo_box ul li {font-size:0.9em; margin-bottom:0;}
    #footer .ft_top .info_box {width:50%; max-width:280px; padding:30px 0;}
    #footer .ft_top .info_box span.tit {font-size:0.9em;}
    #footer .ft_top .info_box p {font-size:0.9em;}
    #footer .ft_bot p {font-size:0.8em; text-align:center;}
}


@media (min-width:768px) {
    
    /* header */
    #gnb_1dul {float:right; margin:0;}
    #gnb_1dul:after {display:block; visibility:hidden; clear:both; content:""}
    .gnb_1dli {position:relative; float:left; text-align:center;}
    .gnb_1dli:after {content:''; display:inline-block; width:0; height:3px; background-color:#ee4927; position:absolute; bottom:0; left:50%; margin-left:-35px; transition:all 0.5s;}
    .gnb_1dli:hover:after {width:70px;}
    .gnb_1da {display:inline-block; padding:0 18px !important; height:80px; line-height:82px;}
    .gnb_2dul {height:0; position:absolute; top:81px; left:50%; transform:translateX(-50%); text-align:center; width:140px; z-index:999; box-shadow:1px 1px 5px rgba(0, 0, 0, .1); opacity:0; border-radius:5px; overflow:hidden; transition:all 0.25s;}
    .gnb_2dli {border-bottom:solid 1px #eee;}
    .gnb_2dli:last-child {border-bottom:0;}
    .gnb_2da {display:block; padding:13px 10px;}
    
    .btn_gnb_op {display:none;}
    
}


@media (max-width:767px) {
    #container {margin-top:60px;}
    
    /* header */
    .navbar-header{height:60px;}
    .navbar-collapse {border-top:solid 1px #ddd !important; padding:0;}
    .gnb_1dli {padding:0;}
    .gnb_1dli:first-child .gnb_1da {border-top:0;}
    .gnb_1dli:last-child .gnb_1da {border-bottom:0;}
    .gnb_1da {font-size:1.1em; padding:11px 15px 10px !important; border-bottom:solid 1px #ddd;}
    .gnb_2dul {display:none;}
    .gnb_2dli {font-size:1em; padding:8px 15px; position:relative;}
    .gnb_2dli:last-child {border-bottom:solid 1px #ddd;}
    .gnb_2dli:before {content:''; display:inline-block; width:5px; height:5px; background-color:#ee4927; border-radius:50%; margin-right:6px; margin-bottom:3px;}
    
    h1.logo {padding-top:15px; display:inline-block;}
    h1.logo img {max-width:104px;}
    .btn_gnb_op {display:inline-block; width:30px; height:30px; border:0; position:absolute; top:7px; right:15px; background-color:transparent; font-size:0; text-indent:-9999px;}
    .btn_gnb_op:after {content:''; display:inline-block; width:12px; height:12px; border:solid 2px #888; border-top:0; border-left:0; transform:rotate(45deg); position:absolute; top:8px; left:10px;}
    
    /* 공통 */
    .sub_top {padding:100px 0 85px;}
    h2.title {font-size:2.6em;}
    h3.sub_title {font-size:2em;}
    
    .table table th {min-width:100px; font-size:0.9em;}
    .table table td {padding:8px; font-size:0.9em;}
    
    /* 회원가입 */
    .sign_up ul.step {flex-wrap:wrap;}
    .sign_up ul.step li {width:48%; margin:1%;}
    
    .sign_up_message .message img {max-width:120px;}
    .sign_up_message .message h3 {font-size:1.8em; margin:20px 0 10px;}
    .sign_up_message .message p {font-size:1.1em;}
    
    .sign_up_finish .message h3 {font-size:1.5em;}
    .sign_up_finish .message h3 br {display:none;}
    
    /* 미리보기 팝업 */
    .preview h3 {font-size:1.4em;}
    .preview .program_info {flex-wrap:wrap;}
    .preview .program_info .img_box {width:100%; margin-right:0;}
    .preview .program_info .table_box {width:100%; margin-top:30px;}
    
    .preview .program_img ul li {width:49%;}
    
}

@media (max-width:640px) {
    #footer .ft_top .container {flex-wrap:wrap;}
    #footer .ft_top .logo_box {width:100%; padding:20px 0 10px;}
    #footer .ft_top .info_box {width:100%; padding:10px 0 20px;}
}

@media (max-width:440px) {
    /* 공통 */
    .container {padding:0 10px;}
    .cont_pad {padding:60px 10px 60px;}
    .sub_top {padding:90px 0 75px;}
    h2.title {font-size:2.2em;}
    h3.sub_title {font-size:1.8em; margin-bottom:30px;}
    
    .table {overflow-x:scroll;}
    
    .sign_up ul.step li {width:100%; margin:0 0 10px;}
    
    .info2 .program ul li {width:100%; margin:0 0 10px;}
    
    /* 회원가입 */
    .sign_up_message .message h3 {font-size:1.4em;}
    .sign_up_message .message p {}
}