@charset "UTF-8";

/*=========================================================
  레이아웃
=========================================================*/
.site_wrap{overflow: hidden;background: #fff;padding-top:130px;}
.max_container{max-width: 1280px; margin:0 auto; position: relative;padding:0 40px;} 
.max_container:after{content: ""; display: table; clear: both;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.site_wrap{padding-top:124px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.site_wrap{padding-top:58px;}
.max_container{padding:0 20px;}
}

/*=========================================================
  리더
=========================================================*/
.screen-readerbox{position: absolute; top: -1000em;left: 0; width: 100%; padding: 6px 80px; text-align: center; display: block;background: #3f8af9; color: #fff; font-weight:bold;z-index: 1000;}
.screen-readerbox:focus{top:0;}



/*=========================================================
  헤더
=========================================================*/
.site-header{position: absolute; top:0; left:0; right:0;z-index: 500;background: #fff;}
.site-header .top_headbx{background: #125fac;position: relative;z-index: 10;}
.site-header:after{content: ""; width:100%;height: 1px; background: #ccd0d7; position: absolute; bottom:0; left:0;}

/*조건값*/
.admin-bar .site_wrap.dec_fix .site-header{top:32px;}
.site_wrap.dec_fix .site-header{position: fixed;}
.site_wrap.dec_fix .site-header:after{opacity: 1; visibility: visible;}
.site_wrap.dec_fix .site-header .top_headbx{display: none;}

@media screen and (max-width: 1023px) and (min-width: 1px){
.site-header{position: fixed;}
.admin-bar .site-header{top:32px;}
.admin-bar .site_wrap.dec_fix .site-header .top_headbx{display: block;}
}

@media screen and (max-width: 782px){
.admin-bar .site-header{top:46px !important;}
}


/*=========================================================
  탑헤더
=========================================================*/
.top_headbx{position: relative;}

/* 링크박스
=========================================================*/
.site-header .top_headbx .link_bx{float: left;}
.site-header .top_headbx .link_bx:after{content: ""; display: table; clear: both;}
.site-header .top_headbx .link_bx ul:after{content: ""; display: table; clear: both;}
.site-header .top_headbx .link_bx li{float: left;}
.site-header .top_headbx .link_bx li a{display: block;font-size: 0.86em; color:#fff; line-height: 1.4em;font-weight: 500;padding:12px 5px;min-width: 90px;text-align: center;}

/*조건값*/
.site-header .top_headbx .link_bx li.blue a{background: #4897e4;}
.site-header .top_headbx .link_bx li.emerald a{background: #30c0b7;}

/*호버*/
.site-header .top_headbx .link_bx li.blue a:hover{background: #fff;color:#4897e4;}
.site-header .top_headbx .link_bx li.emerald a:hover{background: #fff;color:#30c0b7;}

/* 서브 링크박스
=========================================================*/
.site-header .top_headbx .sub_linkbx{float: right;margin-right: 32px;}
.site-header .top_headbx .sub_linkbx ul:after{content: ""; display: table; clear: both;}
.site-header .top_headbx .sub_linkbx li{float: left;position: relative;margin-left:-1px;}
.site-header .top_headbx .sub_linkbx li:after{content: "";width:1px; height: 10px; background: #417fbd; position: absolute; top:50%; margin-top:-5px; right:0;}
.site-header .top_headbx .sub_linkbx li a{display: block;font-size: 0.86em; color:#fff; line-height: 1.4em;font-weight: 500;padding:12px 15px;text-align: center;}
.site-header .top_headbx .sub_linkbx li:last-child:after{display: none;}

/*호버*/
.site-header .top_headbx .sub_linkbx li a:hover{background: #417fbd;}

/* 서치박스
=========================================================*/
.head_search_bx{width:30px; height: 100%; position: absolute; top:0; right:40px;z-index: 10;}
.head_search_bx .search_btn{position: absolute; width:30px; left:0; height: 100%;text-indent: -99999px;background: url(../images/icon/md_hakbu_icon.png) no-repeat;background-size: 125px 125px; background-position:12px 12px;display: block; text-indent: -99999px;}

/*헤더 서치폼*/
.head_search_formbx{width:0px;position: absolute; top:0; right:30px;height: 100%;background: #125fac;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;overflow: hidden;}
.head_search_formbx .head_search_text{font-size: 14px; color:#fff; line-height: 1.4em; padding:10px 15px;padding-right: 50px;width:100%;}
.head_search_formbx .head_search_submit{width:30px; height: 100%; position: absolute; top:0; right:0;text-indent: -9999px;background: url(../images/icon/md_hakbu_icon.png) no-repeat;background-size: 125px 125px; background-position:8px 12px;display: block; z-index: 10;cursor: pointer;}

/*placeholder
=========================================================*/
.head_search_formbx .head_search_text:-ms-input-placeholder {color:rgba(255,255,255,0.4);}
.head_search_formbx .head_search_text::-webkit-input-placeholder {color:rgba(255,255,255,0.4);}
.head_search_formbx .head_search_text:-moz-placeholder {color:rgba(255,255,255,0.4);} 
.head_search_formbx .head_search_text::-moz-placeholder {color:rgba(255,255,255,0.4);}

/*액션*/
.search_on .head_search_bx .search_btn{background-position: 12px -21px;}
.search_on .head_search_bx .head_search_formbx{width:250px;}

/*=========================================================
  바텀 헤더
=========================================================*/
.bottom_headbx .logo{padding:22px 0;line-height: 0;float: left;}
.bottom_headbx .logo .main_site{display: inline-block;width:194px; vertical-align: middle;margin-right: 15px;}
.bottom_headbx .logo .bs_site{display: inline-block; vertical-align: middle;font-size: 22px; color:#125fac; line-height: 1.4em; font-weight: 500;}

/*=========================================================
  네비게이션
=========================================================*/
.sy_nav_none{display: none !important;}
.bottom_headbx .right_bx{float: right;position: relative;z-index: 10;}
.navigation-top .menu > li{float: left;position: relative;}
.navigation-top .menu > li > a{display: block;font-size: 1.29em;color:#2e3235;line-height: 91px; font-weight: 500; padding:0px 30px;position: relative;}
.navigation-top .menu > li > a:after{content: ""; width:100%; height: 4px; background: #125fac; position: absolute; bottom:0; left:0;opacity: 0;visibility: hidden;}
.navigation-top .menu > li > a .eng_title{display: none;}

.navigation-top .menu > li:last-child > a{padding-right: 0;}

/*호버*/
.navigation-top .menu > li:hover > a{color:#125fac;}
.navigation-top .menu > li:hover > a:after{opacity: 1; visibility: visible;}

/*조건값*/
.navigation-top .menu > li[class*="current"] > a{color:#125fac;}
.navigation-top .menu > li[class*="current"] > a:after{opacity: 1; visibility: visible;}

/*=========================================================
  네비게이션 서브뎁스
=========================================================*/
.bottom_headbx .navigation-top .menu > li > .sub-menu{position: absolute; top:91px;left:0;min-width: 200px;background: #363a3c;opacity: 0; visibility: hidden;max-height:520px; overflow:hidden; overflow-y: auto;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li{position: relative;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li > a{border-bottom: solid 1px rgba(255,255,255,0.1);display: block;padding:14px 50px 14px 35px;color:#fff; line-height: 1.5em; font-weight: 500;position: relative;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li > a:after{content: "";width:4px; height: 6px;background: url(../images/icon/bs_icon_item.png) no-repeat;background-size: 250px 250px;background-position: 0 -149px;position: absolute; top:50%; margin-top:-3px; right:20px;opacity: 0; visibility: hidden;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li:last-child > a{border-bottom: none;}

/*호버*/
.bottom_headbx .navigation-top .menu > li > .sub-menu > li > a:hover{background: #125fac;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li > a:hover:after{opacity: 1; visibility: visible;}

/*focus*/
.bottom_headbx .navigation-top .menu > li > .sub-menu > li > a:focus{background: #125fac;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li > a:focus:after{opacity: 1; visibility: visible;}

/*액션*/
.bottom_headbx .navigation-top .menu > li > .sub-menu > li[class*="current"] > a{background: #125fac;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li[class*="current"] > a:after{opacity: 1; visibility: visible;}

/*조건값*/
.bottom_headbx .navigation-top .menu > li:hover > .sub-menu{opacity: 1;visibility: visible;}
.bottom_headbx .navigation-top .menu > li.sub_open > .sub-menu{opacity: 1;visibility: visible;}

/*조건값*/
.bottom_headbx .navigation-top .menu > li:last-child > .sub-menu{left:auto; right:-20px;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li .sub-menu{display: none !important;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
/*서브 네비*/
.bottom_headbx .navigation-top .menu > li > .sub-menu{top:86px;}
.bottom_headbx .navigation-top .menu > li > .sub-menu > li > a{padding:13px 40px 12px 25px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){

}


@media screen and (max-width: 1279px) and (min-width: 1024px){
.navigation-top .menu > li > a{padding:0 25px;line-height: 86px;}
.bottom_headbx .logo .main_site{width:170px;}
.bottom_headbx .logo .bs_site{font-size: 16px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.bottom_headbx{text-align: center; line-height: 0;}
.site-header .top_headbx{position: static;}
.site-header .top_headbx .max_container{position: static;}
.site-header .top_headbx .link_bx{display: none;}
.site-header .top_headbx .sub_linkbx{display: none;}
.bottom_headbx .right_bx{display: none;}
.bottom_headbx .logo{padding:17px 0;display: inline-block;float: none;}
.bottom_headbx .logo .main_site{width:100px;margin-right: 10px;}
.bottom_headbx .logo .bs_site{font-size: 14px;}
.head_search_bx{right:20px;}
.head_search_bx .search_btn{background-position: -22px 21px;}
.search_on .head_search_bx .search_btn{background-position:-22px -22px;}
.head_search_formbx{background: #fff;}
.head_search_formbx .head_search_text{color:#2e3235;padding:20px 15px;padding-right: 40px;font-size: 13px;}
.head_search_formbx .head_search_submit{background-position: -26px 21px;}
.head_search_formbx{height: 57px;}
.search_on .head_search_bx .head_search_formbx{width:580px;}

/*placeholder
=========================================================*/
.head_search_formbx .head_search_text:-ms-input-placeholder {color:rgba(46,50,53,0.4);}
.head_search_formbx .head_search_text::-webkit-input-placeholder {color:rgba(46,50,53,0.4);}
.head_search_formbx .head_search_text:-moz-placeholder {color:rgba(46,50,53,0.4);} 
.head_search_formbx .head_search_text::-moz-placeholder {color:rgba(46,50,53,0.4);}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.search_on .head_search_bx .head_search_formbx{width:350px;}
}

@media screen and (max-width: 419px) and (min-width: 1px){
.search_on .head_search_bx .head_search_formbx{width:280px;}
}

@media screen and (max-width: 374px) and (min-width: 1px){
.bottom_headbx .logo{padding:19px 0;}
.bottom_headbx .logo .main_site{width:84px;margin-right: 5px;}
.bottom_headbx .logo .bs_site{font-size: 12px;}
}

/*=========================================================
  모바일 메뉴 버튼
=========================================================*/
.m_menubox{height: 19px;position: absolute; display: none;cursor: pointer;z-index: 5;position: absolute; top:50%; margin-top:-10px; left:20px;}
.m_menubox .bar{width:20px; height: 2px; background: #125fac;display: block;margin:0 auto;}
.m_menubox .bar.center{margin:5px auto;}


/*=========================================================
  모바일 메뉴 백그라운드
=========================================================*/
.mobile_nav_bg{position: fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8);z-index: 1001;display: none;}

/*=========================================================
  모바일 네비 박스
=========================================================*/
.mobile_navbx{position: fixed; top:0;left:0;bottom:0; width:300px;z-index: 1100;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;display: none;transform: translateX(-340px);-webkit-transform: translateX(-340px);-moz-transform: translateX(-340px);-ms-transform: translateX(-340px);background: #125fac;}
.mobile_scrollbx{position: absolute; top:143px; left:0; right:0; bottom:0;overflow: hidden; overflow-y: scroll;border-top:solid 1px #616f9b;}
.mobile_navbx .close{width:50px; height: 50px; position: absolute; top:0; right:-50px;text-indent: -99999px;}
.mobile_navbx .close:after{content: ""; width:18px; height: 18px;background: url(../images/icon/bs_icon_item.png) no-repeat;background-size: 250px 250px;background-position: -232px -232px;position: absolute; top:50%; right:20px; margin-top:-9px;}
.fix_topbx{width:100%;height: 144px;overflow: hidden;}

/*조건값*/
.site_wrap.nav_on .mobile_navbx{transform: translateX(0px);-webkit-transform: translateX(0px);-moz-transform: translateX(0px);-ms-transform: translateX(0px);}

/*조건값*/
.admin-bar .mobile_navbx{top:32px;}

@media screen and (max-width: 782px){
.admin-bar .mobile_navbx{top:46px;}
}

/* 로고
=========================================================*/
.mobile_logobx{width:100%;text-align: center; line-height: 0; padding:15px 15px;background: #fff;height: 68px;position: relative;z-index: 10;}
.mobile_logobx img{width:155px;}

/* 링크박스
=========================================================*/
.m_nav_linkbx{background: #063171;height: 76px;}
.m_nav_linkbx ul{margin-right: -4px;}
.m_nav_linkbx ul:after{content: ""; display: table; clear: both;}
.m_nav_linkbx ul li{float: left;position: relative;width:33.3333%;border:solid 1px #616f9b;margin-left:-1px; margin-top:-1px;}
.m_nav_linkbx ul:after{content: ""; display: table; clear: both;}
.m_nav_linkbx ul li a{display: block;line-height: 0; font-size: 0;padding:11px 2px 10px;text-align: center;}
.m_nav_linkbx ul li a .text{display: inline-block;font-size: 12px; color:#ffffff; line-height: 1.4em;text-align: center;}
.m_nav_linkbx ul li.icon_item a .text{position: relative;}
.m_nav_linkbx ul li.icon_item a .text:before{content: ""; background: url(../images/icon/bs_icon_item.png) no-repeat;background-size: 250px 250px; position: absolute; top:50%; left:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);margin-top:-2px;}

/*아이콘*/
.m_nav_linkbx ul li.login a .text{padding-left:20px;}
.m_nav_linkbx ul li.logout a .text{padding-left:20px;}
.m_nav_linkbx ul li.user a .text{padding-left:25px;}
.m_nav_linkbx ul li.login a .text:before{width:11px; height: 15px; background-position: 0 -107px;}
.m_nav_linkbx ul li.logout a .text:before{width:11px; height: 15px; background-position: 0 -107px;}
.m_nav_linkbx ul li.user a .text:before{width:14px; height: 15px; background-position: 0 -124px;}

/*조건값*/
.m_nav_linkbx ul li.active a{background: #03b9c9;}
.m_nav_linkbx ul li.active a .text{font-weight: bold;}

/* 네비게이션
=========================================================*/
svg.icon{display: none !important;}
.navigation-mobile .menu > li{border-bottom: solid 1px rgba(255,255,255,0.4);background: #125fac;}
.navigation-mobile .menu > li > a{display: block;font-size: 16px;line-height: 1.4em;color:#fff;padding:16px 45px 14px 20px;background: #125fac;font-weight: 500;position: relative;}
/*.navigation-mobile .menu > li:last-child{border-bottom: 0;}*/
.navigation-mobile .menu > li > a:after{content: ""; width:18px; height: 9px;background: url(../images/icon/bs_icon_item.png) no-repeat;background-size: 250px 250px;background-position: 0 -186px;position: absolute; top:50%; margin-top:-4px; right:15px;}
.navigation-mobile .menu > li > a .eng_title{display: none;}

/*서브 메뉴*/
.navigation-mobile .menu > li > .sub-menu{margin-bottom: -1px;display: none;}
.navigation-mobile .menu > li > .sub-menu > li > a{font-size: 14px;color:#fff; line-height: 1.4em; font-weight: 500;padding:12px 45px 10px 20px;display: block;background: #3f8af9;position: relative;}
.navigation-mobile .menu > li > .sub-menu > li > a:after{content: ""; width:15px; height: 15px;background: url(../images/icon/bs_icon_item.png) no-repeat;background-size: 250px 250px;background-position: 0 -162px;position: absolute; top:50%; margin-top:-7px; right:16px;}

/*서서브 메뉴*/
.navigation-mobile .menu > li > .sub-menu .sub-menu{background: #fff;padding:11px 20px 10px;display: none;}
.navigation-mobile .menu > li > .sub-menu .sub-menu > li > a{font-size: 14px; display: block;line-height: 1.5em; padding:3px 0px 3px 15px;color:#575d64;position: relative;}
.navigation-mobile .menu > li > .sub-menu  .sub-menu > li > a:before{content: ""; position: absolute; top:10px; left:0; width:3px; height: 3px; background:#888e95;border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;}

/*조건값*/
.navigation-mobile .menu > li[class*="current"] > a{background: #03b9c9;}
.navigation-mobile .menu > li > .sub-menu .sub-menu > li[class*="current"] > a{color:#3f8af9;font-weight: 500;}
.navigation-mobile .menu > li > .sub-menu .sub-menu > li[class*="current"] > a:before{background: #3f8af9;}

/*네비 조건값*/
.navigation-mobile .menu > li.open > a:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);}
.navigation-mobile .menu > li[class*="current"] > .sub-menu{display: block;}
.navigation-mobile .menu .sub-menu li[class*="current"] > .sub-menu{display: block;}

/*=========================================================
  모바일 반응형
=========================================================*/
@media screen and (max-width: 1023px) and (min-width: 1px){
.m_menubox{display: block;}

/*모바일네비*/
.site_wrap.nav_on .mobile_nav_bg{display: block;}
.mobile_navbx{display: block;}
}

@media screen and (max-width: 370px) and (min-width: 1px){
.mobile_navbx{width:270px;}
}

/*=========================================================
  푸터
=========================================================*/
.site-footer{background: #2a363f;position: relative; z-index: 400;}
.top_footer{padding:30px 0;border-bottom: solid 1px #404a53;}
.top_footer .tblbx{display: table; table-layout: fixed; width:100%;}
.top_footer .tblbx .f_logo{display: table-cell; vertical-align: middle;width:240px; padding-right: 40px;}
.top_footer .tblbx .contbx{display: table-cell; vertical-align: top;}
.top_footer .f_info_contbx{position: relative;padding-right: 205px;}

/*푸터 로고*/
.top_footer .tblbx .f_logo a{display: block; line-height: 0;}

/* 푸터 네비
=========================================================*/
.footer_nav{overflow: hidden;margin-bottom: 10px;}
.footer_nav ul{margin:-2px -10px;overflow: hidden;}
.footer_nav li{float: left;padding:2px 10px;position: relative;}
.footer_nav li:after{content: ""; width:1px; height: 13px; background: #fff; position: absolute; top:50%; margin-top:-7px; right:0;}
.footer_nav li:last-child:after{display: none;}
.footer_nav li a{color:#fff; line-height: 1.4em;display: block;}
.footer_nav li.bold a{color:#fff;}

/*호버*/
.footer_nav li a:hover{color:#fff;text-decoration: underline;}

/* 푸터 인포박스
=========================================================*/
.f_info_bx{overflow: hidden;}
.f_info_bx li{color:#fff; line-height: 1.4em;margin-top:5px;}
.f_info_bx li:after{content: ""; display: table; clear: both;}
.f_info_bx li:first-child{margin-top:0;}
.f_info_bx li .itembx{display: block; float: left;margin-right: 15px;}
.f_info_bx li .itembx:last-child{margin-right: 0;}
.f_info_bx li .itembx dl:after{content: ""; display: table; clear: both;}
.f_info_bx li .itembx dt{float: left;margin-right: 5px;font-weight: bold;}
.f_info_bx li .itembx dd{overflow: hidden;}

/* 푸터 셀렉박스
=========================================================*/
.f_selectbx{width:180px;position: absolute; top:50%;right:0;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 50;}
.f_selectbx .f_sel_textbx{display: block;position: relative;background: #1d262c;font-size: 14px; color:#9d9fa2; line-height:1.4em; padding:9px 40px 9px 20px;border-radius: 50px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border:solid 2px #1d262c;}
.f_selectbx .f_sel_textbx:after{content: ""; width:8px; height: 4px;background: url(../images/icon/md_hakbu_icon.png) no-repeat;background-size: 125px 125px;background-position: 0 -89px; position: absolute; top:50%; right:20px; margin-top:-2px;}

/*ul*/
.f_select_ul{position: absolute; bottom:49px; left:0; right:0;background: #1d262c;max-height: 180px;overflow: hidden; overflow-y: auto;border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius: 15px;padding:8px 0;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;opacity: 0; visibility: hidden;}
.f_select_ul li a{display: block;font-size: 0.94em; color:#9d9fa2; line-height:1.4em; padding:6px 20px;}

/*호버*/
.f_selectbx .f_sel_textbx:hover{border:solid 2px #fff; color:#fff;}
.f_select_ul li a:hover{background: #4897e4;color:#fff;}

/*조건값*/
.f_selectbx.on .f_select_ul{opacity: 1; visibility: visible;}
.f_selectbx.on .f_sel_textbx{border:solid 2px #fff; color:#fff;}
.f_selectbx.on .f_sel_textbx:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);}

/* 하단 푸터
=========================================================*/
.bottom_footerbx{padding:20px 0;}
.bottom_footerbx .copy{font-size: 0.86em;color:#fff; line-height: 1.4em;font-family: 'Open Sans', sans-serif;padding-left:240px;}
.bottom_footerbx .copy .bold{color:#fff;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.top_footer .tblbx .f_logo{width:200px;}
.bottom_footerbx .copy{padding-left:200px;}
.f_selectbx .f_sel_textbx{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.top_footer .tblbx .f_logo{display: none;}
.f_selectbx .f_sel_textbx{font-size: 13px;}
.bottom_footerbx .copy{padding-left:0px;}
.footer_nav li:after{margin-top:-8px;}
.f_select_ul{padding:8px 0 6px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.top_footer .f_info_contbx{padding-right: 0;}
.f_selectbx{transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);position: relative; right:auto; top:auto;width:100%;max-width: 420px;margin:15px auto 0;}
.bottom_footerbx .copy{text-align: center;}
.footer_nav{text-align: center;}
.footer_nav ul{line-height: 0;}
.footer_nav li{display: inline-block;vertical-align: middle;float: none;}
.f_info_bx li{text-align: center;}
.f_info_bx li .itembx{display: inline-block;vertical-align: middle;float: none;}
.top_footer{padding:30px 0 25px;font-size: 0.94em;}
.f_selectbx .f_sel_textbx{font-size: 12px;padding: 10px 40px 8px 20px;}
}

/*=========================================================
  페이지 레이아웃
=========================================================*/
.page_wrap{padding-bottom: 120px;padding-top:30px;}
.page_wrap:after{content: ""; display: table; clear: both;}
.content-area{width: calc(100% - 280px);width: -webkit-calc(100% - 280px);width: -moz-calc(100% - 280px); float: right;padding-top:20px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.page_wrap{padding-bottom: 100px;}
.content-area{padding-top:15px;width: calc(100% - 255px);width: -webkit-calc(100% - 255px);width: -moz-calc(100% - 255px);}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.page_wrap{padding-bottom: 45px;padding-top:40px;}
.content-area{width:100%; float: none;padding-top:0px;margin-bottom: 45px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.page_wrap{padding-bottom: 35px;padding-top: 35px;}
.content-area{margin-bottom: 45px;padding-top:0px;}
}

/*=========================================================
  페이지 사이드바
=========================================================*/
.side_bx{width:220px;float: left;margin-right: 60px;}
.navigation-side .menu > li{display: none;}
.navigation-side .menu > li[class*="current"]{display: block;}
.navigation-side{border-top:solid 4px #125fac;}
.navigation-side .menu > li > a{display: block;padding:20px 20px 30px;font-size: 30px; color:#2e3235; line-height: 1.2em; font-weight: bold;border-bottom: solid 1px #ccd0d7;}
.navigation-side .menu > li > a .eng_title{display: block;font-size: 14px; color:#888e95; line-height: 1.4em; font-weight: normal;margin-bottom: 5px;}

/* 사이드바 서브메뉴
=========================================================*/
.navigation-side .menu > li > .sub-menu > li > a{display: block;font-size: 1.16em; color:#575d64; line-height: 1.4em;font-weight: 500;padding:12px 34px 12px 20px;border-bottom: solid 1px #ccd0d7;position: relative;}
.navigation-side .menu > li > .sub-menu > li > a:after{content: ""; width:5px; height: 8px; background: url(../images/icon/md_hakbu_icon.png) no-repeat;background-size: 125px 125px; background-position:0 -99px;position: absolute; top:50%; margin-top:-4px; right:20px;}
.navigation-side .menu > li > .sub-menu .sub-menu{display: none;}

/*호버*/
.navigation-side .menu > li > .sub-menu > li:hover > a{background: #3f8af9;color:#fff;}

/*조건값*/
.navigation-side .menu > li > .sub-menu > li[class*="current"] > a{background: #3f8af9;color:#fff;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.side_bx{margin-right: 35px;}
.navigation-side .menu > li > a{font-size: 24px;padding:20px 20px 25px;}
.navigation-side .menu > li > a .eng_title{font-size: 13px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.side_bx{float: none; width:100%; margin-right: 0;}
.navigation-side .menu > li > a{font-size: 20px;padding:20px 17px 20px;}
.navigation-side .menu > li > a .eng_title{font-size: 12px;}
.navigation-side .menu > li > .sub-menu > li > a{font-size: 1.1em;padding:12px 30px 12px 17px;}
.navigation-side .menu > li > .sub-menu > li > a:after{right:17px;}
}

/*=========================================================
  빵가루
=========================================================*/
.pg_breadcrumbbx{margin-bottom: 12px;}
.pg_breadcrumbbx:after{content: ""; display: table; clear: both;}
.breadcrumb{float: right;}
.breadcrumb ul:after{content: ""; display: table; clear: both;}
.breadcrumb ul li{float: left;padding-right: 20px; margin-right: 14px;position: relative;}
.breadcrumb ul li:after{content: "";width:4px; height: 8px;background: url(../images/icon/bs_icon_item.png) no-repeat;background-size: 250px 250px;background-position: 0 -241px;position: absolute; top:50%; margin-top:-5px; right:0;}
.breadcrumb ul li:last-child{padding-right: 0; margin-right: 0;}
.breadcrumb ul li:last-child:after{display: none;}
.breadcrumb ul li .item{color:#888e95; line-height: 1.4em;text-transform: uppercase;display: block;}
.breadcrumb ul li span.item{font-weight: 500;}
.breadcrumb ul li.home{margin-top:-1px;}
/*.breadcrumb ul li.home:after{margin-top:-5px;}*/
.breadcrumb ul li.home .item{color:#4897e4;font-weight: 500;padding-left:24px; position: relative;}
.breadcrumb ul li.home .item:before{content: "";width:16px; height: 14px;background: url(../images/icon/bs_icon_item.png) no-repeat;background-size: 250px 250px;background-position: -20px -223px;position: absolute; top:50%; margin-top:-8px; left:0;}

/*호버*/
.breadcrumb ul li a.item:hover{color:#30c0b7;}
.breadcrumb ul li.home .item:hover:before{background-position: 0 -223px;}

/*focus*/
.breadcrumb ul li a.item:focus{color:#4897e4;}
.breadcrumb ul li.home .item:focus:before{background-position: -20px -223px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.pg_breadcrumbbx{margin-bottom: 10px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.pg_breadcrumbbx{display: none;}
}

/*=========================================================
  페이지 탑배너
=========================================================*/
.top_bannerbx{position: relative; background: url(../images/uploads/banner_img1.jpg) no-repeat;background-size: cover !important; background-position: center top !important;}
.top_bannerbx:after{content: ""; position: absolute; top:0; left:0; right:0;bottom:0; background: rgba(0,0,0,0.3);}
.top_bannerbx .max_container{height: 275px;}

/*백그라운드*/
/*.cate_one .top_bannerbx{background: url(../images/uploads/banner_bg_one.jpg) no-repeat;background-attachment: fixed; background-position: center 90px;}
.cate_two .top_bannerbx{background: url(../images/uploads/banner_bg_two.jpg) no-repeat;background-attachment: fixed; background-position: center 90px;}
.cate_three .top_bannerbx{background: url(../images/uploads/banner_bg_three.jpg) no-repeat;background-attachment: fixed; background-position: center 90px;}
.cate_four .top_bannerbx{background: url(../images/uploads/banner_bg_four.jpg) no-repeat;background-attachment: fixed; background-position: center 90px;}
.cate_five .top_bannerbx{background: url(../images/uploads/banner_bg_five.jpg) no-repeat;background-attachment: fixed; background-position: center 90px;}
.cate_six .top_bannerbx{background: url(../images/uploads/banner_bg_six.jpg) no-repeat;background-attachment: fixed; background-position: center 90px;}*/

/*텍스트*/
.top_bannerbx .pg_titlebx{position: absolute; top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);left:40px;right:40px; z-index: 10;}
.top_bannerbx .pg_titlebx .banner_title{font-size: 50px; color:#ffffff; line-height: 1.3em;font-weight: bold; font-family: 'Open Sans', sans-serif;padding-top:5px; position: relative;margin-bottom: 10px;text-shadow: 1px 1px 10px rgba(0,0,0,0.3);}
.top_bannerbx .pg_titlebx .banner_title:before{content: ""; width:30px; height: 3px; background: #fff; position: absolute; top:0; left:0;}
.top_bannerbx .pg_titlebx .sub_text{font-size: 1.29em; line-height: 1.4em; color:#fff;text-shadow: 1px 1px 10px rgba(0,0,0,0.3);}

/*@media screen and (max-width: 1980px) and (min-width: 1024px){
.top_bannerbx{background-size: 1980px auto !important;}
}

@media screen and (max-width: 1600px) and (min-width: 1024px){
.top_bannerbx{background-size: 1600px auto !important;}
}

@media screen and (min-width: 1981px){
.top_bannerbx{background-size: 2560px auto !important;}
}*/

@media screen and (max-width: 1279px) and (min-width: 1024px){
/*.top_bannerbx{background-position: center 85px !important;}*/
.top_bannerbx .max_container{height: 250px;}
.top_bannerbx .pg_titlebx .banner_title{font-size: 40px;}
.top_bannerbx .pg_titlebx .sub_text{font-size: 1.1em;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.top_bannerbx{background-position: center top !important;background-size: cover !important; background-attachment: inherit !important;}
.top_bannerbx .max_container{height: 190px;}
.top_bannerbx .pg_titlebx{left:20px;right:20px;}
.top_bannerbx .pg_titlebx .banner_title{font-size: 30px;}
.top_bannerbx .pg_titlebx .sub_text{font-size: 1em;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.top_bannerbx .pg_titlebx .banner_title{font-size: 24px;padding-top: 7px;}
.top_bannerbx .max_container{height: 160px;}
.top_bannerbx .pg_titlebx .sub_text{font-size: 0.9em;}
}

/*=========================================================
  페이지 타이틀
=========================================================*/
.entry-title{margin-bottom: 35px;}

@media screen and (max-width: 1023px) and (min-width: 1px){
.entry-title{margin-bottom: 30px;}
}

/*==================================================================================================================
  학부 사이트 타입 1
==================================================================================================================*/

/*=========================================================
  메인 슬라이드 박스
=========================================================*/
.main_sliderbx{position: relative;overflow: hidden;}
.main_sliderbx .max_container{height: 670px;}
.main_sliderbx .img_slidebx{position: absolute; top:0; left:0; right:0; bottom:0;}
.main_sliderbx .img_slidebx ul{position: absolute; top:0; left:0; right:0; bottom:0;}
.main_sliderbx .img_slidebx ul li{position: absolute; top:0; left:0; right:0; bottom:0; transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;opacity: 0;visibility: hidden;line-height: 0;background: url(../images/uploads/home_bg_img1.jpg) no-repeat;background-attachment: fixed;background-position: center 90px;}

/*조건값*/
.main_sliderbx .img_slidebx ul li.active{opacity: 1;visibility: visible;}

/* 슬라이드 텍스트 박스
=========================================================*/
.main_sliderbx .slide_titlebx{position: absolute; top:50%; left:40px; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);z-index: 10;padding:40px 40px 80px;background: rgba(255,255,255,0.85);border-top:solid 6px #125fac;min-width: 659px; max-width:80%;margin-top:-65px;min-height: 330px;}
.main_sliderbx .slide_titlebx .itembx{display: block;}
.main_sliderbx .slide_titlebx .eng_tit{font-size: 18px; color:#888e95; line-height: 1.4em; margin-bottom:10px;font-family: 'Open Sans', sans-serif;text-transform: uppercase;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.main_sliderbx .slide_titlebx .title{font-size: 48px; color:#2e3235; line-height: 1.26em;font-family: 'Open Sans', sans-serif; margin-bottom: 15px;max-height: 2.52em; overflow: hidden;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.main_sliderbx .slide_titlebx .sub_text{font-size: 18px; color:#2e3235; line-height: 1.4em; font-weight: bold;max-height: 2.8em; overflow: hidden;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}

/* 슬라이드 불릿
=========================================================*/
.main_sliderbx .slide_bullet{position: absolute; bottom:40px; left:40px; right:40px;}
.main_sliderbx .slide_bullet:after{content: ""; display: table; clear: both;}
.main_sliderbx .slide_bullet li{float: left;margin-right: 15px;}
.main_sliderbx .slide_bullet li:last-child{margin-right: 0;}
.main_sliderbx .slide_bullet li a{display: block;width:10px; height: 10px; border:solid 2px #125fac; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;text-indent: -99999px;}

/*호버, 액션*/
.main_sliderbx .slide_titlebx .itembx:hover .title{color:#125fac;}
.main_sliderbx .slide_bullet li a:hover{background: #125fac;}
.main_sliderbx .slide_bullet li.active a{background: #125fac;}


@media screen and (min-width: 1400px){
.main_sliderbx .img_slidebx ul li{background-size: 1980px auto !important;}
}

@media screen and (min-width: 1980px){
.main_sliderbx .img_slidebx ul li{background-size: 2560px auto !important;}
}

@media screen and (max-width: 1399px) and (min-width: 1024px){
.main_sliderbx .img_slidebx ul li{background-size: 1600px auto !important;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.main_sliderbx .max_container{height: 550px;}
.main_sliderbx .img_slidebx ul li{background-position: center 85px;}

/*텍스트 박스*/
.main_sliderbx .slide_titlebx{padding:35px 35px 80px;min-height: 310px;max-width:80%;min-width: 580px;}
.main_sliderbx .slide_titlebx .eng_tit{font-size: 16px;}
.main_sliderbx .slide_titlebx .title{font-size: 42px;}
.main_sliderbx .slide_titlebx .sub_text{font-size: 16px;}
.main_sliderbx .slide_bullet{bottom:35px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.main_sliderbx .max_container{height: 440px;}
.main_sliderbx .img_slidebx ul li{background-position: center top !important;background-size: cover !important; background-attachment: inherit !important;}

/*텍스트 박스*/
.main_sliderbx .slide_titlebx{padding:30px 30px 80px;min-height: 268px;width:500px;max-width:none;margin-top:0;border-top: solid 4px #125fac;left:20px;min-width: 0;}
.main_sliderbx .slide_titlebx .eng_tit{font-size: 14px;}
.main_sliderbx .slide_titlebx .title{font-size: 36px;}
.main_sliderbx .slide_titlebx .sub_text{font-size: 14px;}
.main_sliderbx .slide_bullet{bottom:30px;left:30px; right:30px;}
.main_sliderbx .slide_bullet li a{width:8px; height: 8px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.main_sliderbx .max_container{height: 320px;}

/*텍스트 박스*/
.main_sliderbx .slide_titlebx{padding:25px 20px 80px;min-height: 204px;width:auto;margin-top:0;border-top: solid 4px #125fac;right:20px;}
.main_sliderbx .slide_titlebx .eng_tit{font-size: 12px;margin-bottom: 10px;}
.main_sliderbx .slide_titlebx .title{font-size: 28px;}
.main_sliderbx .slide_titlebx .sub_text{font-size: 13px;}
.main_sliderbx .slide_bullet{bottom:25px;left:22px; right:20px;}
.main_sliderbx .slide_bullet li{margin-right: 12px;}
}

/*=========================================================
  메인 컨텐츠 박스
=========================================================*/
.main_cont_robx{margin-bottom: 70px;}
.main_cont_robx:after{content: ""; display: table; clear: both;}
.main_cont_robx .left_ro_bx{padding-right: 60px;float: left;width:65%;padding-top:60px;}
.main_cont_robx .right_ro_bx{float: right; width:35%;}
.main_cont_robx .right_ro_bx:before{content: ""; padding-bottom:calc(79% - 70px);padding-bottom:-webkit-calc(79% - 70px);padding-bottom:-moz-calc(79% - 70px);display: block;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.main_cont_robx{margin-bottom: 60px;}
.main_cont_robx .left_ro_bx{padding-right: 50px;}
.main_cont_robx .right_ro_bx:before{padding-bottom:calc(79% - 60px);padding-bottom:-webkit-calc(79% - 60px);padding-bottom:-moz-calc(79% - 60px);}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.main_cont_robx{margin-bottom: 50px;}
.main_cont_robx .left_ro_bx{padding-top:40px;padding-right: 40px;}
.main_cont_robx .right_ro_bx:before{padding-bottom:calc(79% - 10px);padding-bottom:-webkit-calc(79% - 10px);padding-bottom:-moz-calc(79% - 10px);}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.main_cont_robx .left_ro_bx{padding-right: 0;float: none;width:100%;}
.main_cont_robx .right_ro_bx{float: none; width:100%;}
.main_cont_robx .right_ro_bx:before{display: none;}
}

/*=========================================================
  메인1 모듈 박스(메인 타이틀)
=========================================================*/
/* 헤더
=========================================================*/
.type_list_mdbx{margin-bottom: 55px;}
.type_list_mdbx .lst_md_headbx{position: relative;margin-bottom: 35px;padding-right: 92px;}
.type_list_mdbx .lst_md_headbx ul{margin:-0 -25px;}
.type_list_mdbx .lst_md_headbx ul:after{content: ""; display: table; clear: both;}
.type_list_mdbx .lst_md_headbx li{float: left;position: relative;}
.type_list_mdbx .lst_md_headbx li:after{content: "";width:1px;height:28px; background: #ccd0d7; position: absolute; top:50%; margin-top:-14px; right:0;}
.type_list_mdbx .lst_md_headbx li:last-child:after{display: none;}
.type_list_mdbx .lst_md_headbx li a{display: block;color:#888e95; line-height: 1.2em; font-weight: bold;padding:0 25px;}

/*더보기 버튼*/
.type_list_mdbx .lst_md_headbx .more_btnbx{line-height: 1.4em; color:#125fac; font-family: 'Open Sans', sans-serif;padding-right: 39px; position: absolute; top:50%; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);right:0;}
.type_list_mdbx .lst_md_headbx .more_btnbx:after{content: ""; width:21px; height: 7px; background: url(../images/icon/main_one_icon.png) no-repeat;background-size: 125px 125px; background-position: 0 0; position: absolute; top:50%; right:0; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;margin-top: 1px;}

/*호버 조건값*/
.type_list_mdbx .lst_md_headbx li a:hover{color:#125fac;}
.type_list_mdbx .lst_md_headbx li.active a{color:#125fac;}
.type_list_mdbx .lst_md_headbx .more_btnbx:hover:after{right:-5px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.type_list_mdbx{margin-bottom: 50px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.type_list_mdbx .lst_md_headbx{margin-bottom: 25px;}
.type_list_mdbx .lst_md_headbx ul{margin:-0 -20px;}
.type_list_mdbx .lst_md_headbx li a{padding:0 20px;}
.type_list_mdbx .lst_md_headbx li:after{height: 20px;margin-top: -10px;}
.type_list_mdbx{margin-bottom: 30px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
/*.type_list_mdbx .lst_md_headbx .more_btnbx{text-indent: -99999px;}*/
}

/*=========================================================
  메인1 모듈 박스(공지리스트)
=========================================================*/
.r_date_lsbx ul li .itembx{display: block;position: relative;padding:17px 0;padding-right: 100px;border-bottom: solid 1px #ccd0d7;}
.r_date_lsbx ul li:first-child .itembx{padding-top: 0;}
.r_date_lsbx ul li .itembx h3{overflow: hidden; white-space: nowrap; text-overflow:ellipsis;}
.r_date_lsbx ul li .itembx .date{color:#575d64; position: absolute; top:50%; right:0; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.r_date_lsbx ul li:first-child .itembx .date{top:0; transform: translateY(0%);-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);}
/*호버*/
.r_date_lsbx ul li .itembx:hover{border-bottom: solid 1px #125fac;}
.r_date_lsbx ul li .itembx:hover h3{color:#125fac;}


@media screen and (max-width: 1023px) and (min-width: 1px){
.r_date_lsbx ul li .itembx{padding:12px 0;padding-right: 90px;}
.r_date_lsbx ul li .itembx .date{margin-top: -1px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.r_date_lsbx ul li .itembx{padding-right: 0px;}
.r_date_lsbx ul li .itembx .date{display: none;}
}

/*=========================================================
  메인1 모듈 박스(학사일정)
=========================================================*/
.type_cal_mdbx:after{content: ""; display: table; clear: both;}
.type_cal_mdbx .cal_thumbx{float: left; width:50%;max-width: 350px;margin-right: 40px;}
.type_cal_mdbx .cal_contbx{overflow: hidden;padding-top: 20px;}

/* 캘린더 리스트
=========================================================*/
.type_cal_ls_mdbx li{margin-top:35px;}
.type_cal_ls_mdbx li:first-child{margin-top: 0;} 
.type_cal_ls_itembx .itembx{display: block;}
.type_cal_ls_itembx .itembx .tblbx{display: table; table-layout: fixed; width:100%;}
.type_cal_ls_itembx .itembx .tblbx .calendar{display: table-cell; vertical-align: top;width:55px;border-right:solid 1px #ccd0d7;}
.type_cal_ls_itembx .itembx .tblbx .calendar .month{font-size: 14px; color:#2e3235; line-height: 1.4em; font-family: 'Open Sans', sans-serif;text-transform: uppercase;margin-bottom: 2px;}
.type_cal_ls_itembx .itembx .tblbx .calendar .day{font-size: 30px; color:#125fac; line-height: 1em; font-weight: bold;font-family: 'Open Sans', sans-serif;}
.type_cal_ls_itembx .itembx .tblbx .textbx{display: table-cell; vertical-align: middle;padding-left: 20px;}
.type_cal_ls_itembx .itembx .tblbx .textbx .md_s_tit{max-height: 3em; overflow: hidden;}

/*호버*/
.type_cal_ls_itembx .itembx:hover .textbx .md_s_tit{color:#125fac;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.type_cal_mdbx .cal_thumbx{margin-right: 35px;}
.type_cal_ls_itembx .itembx .tblbx .calendar .month{font-size: 13px;}
.type_cal_ls_itembx .itembx .tblbx .calendar .day{font-size: 28px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.type_cal_mdbx .cal_thumbx{margin-right: 25px;}
.type_cal_ls_itembx .itembx .tblbx .calendar .month{font-size: 13px;}
.type_cal_ls_itembx .itembx .tblbx .calendar .day{font-size: 28px;}
.type_cal_ls_itembx .itembx .tblbx .textbx{padding-top: 1px;}
}

@media screen and (max-width: 970px) and (min-width: 1px){
.type_cal_mdbx .cal_thumbx{margin-right: 0;float: none; width:100%; max-width: none;margin-bottom: 25px;}
.type_cal_ls_mdbx li{margin-top:15px;}
.type_cal_mdbx .cal_contbx{padding-top:0;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.main_cont_robx .type_cal_mdbx{margin-bottom: 30px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.type_cal_ls_itembx .itembx .tblbx .calendar{width:45px;}
.type_cal_ls_itembx .itembx .tblbx .calendar .month{font-size: 12px;}
.type_cal_ls_itembx .itembx .tblbx .calendar .day{font-size: 24px;}
.type_cal_ls_itembx .itembx .tblbx .textbx{padding-left:15px;}
}

/*=========================================================
  메인1 모듈 박스(배너 타이틀 박스)
=========================================================*/
.type_banner_titlebx{width:35%;}
.type_banner_titlebx:after{content: ""; padding-bottom: 79%; display: block;}
.type_banner_titlebx .type_banner_ul{position: absolute; top:0; left:0; right:0; bottom:0;}
.type_banner_titlebx .type_banner_ul > li{position: absolute; top:0; left:0; right:0; bottom:0;opacity: 0; visibility: hidden;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s; -moz-transition: all ease-out 0.2s; -ms-transition: all ease-out 0.2s;}
.type_banner_titlebx .itembx{display: block;padding:30px 50px 30px 30px;position: relative;background: url(../images/uploads/title_banner.jpg) no-repeat;background-size:cover; background-position: center center;position: absolute; top:0; left:0; right:0; bottom:0;}
.type_banner_titlebx .itembx:before{content: ""; position: absolute; top:0; left:0; right:0; bottom:0;background: rgba(18,95,172,0.9);transition: background-color ease-out 0.2s;-webkit-transition: background-color ease-out 0.2s;-moz-transition: background-color ease-out 0.2s;-ms-transition: background-color ease-out 0.2s;}
.type_banner_titlebx .itembx:after{content: ""; width:4px; height: 40%; background: #fff; position: absolute; bottom:30px; right:30px;max-height: 100px;z-index: 10;}
.type_banner_titlebx .itembx h3{position: relative; z-index: 10;color:#fff;max-height: 6.4em; overflow: hidden;}
.type_banner_titlebx .itembx .bg{display: block; position: absolute; top:0; left:0; right:0; bottom:0;background: rgba(18,95,172,0.4); z-index: 1;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;opacity: 0;visibility: hidden;}

/*호버*/
.type_banner_titlebx .itembx:hover .bg{opacity: 1; visibility: visible;}

/*조건값*/
.type_banner_titlebx .type_banner_ul > li.active{opacity: 1; visibility: visible;}

/* 슬라이드 불릿
=========================================================*/
.type_banner_titlebx .slide_bullet{position: absolute; bottom:25px; left:25px; right:25px;z-index: 50;}
.type_banner_titlebx .slide_bullet:after{content: ""; display: table; clear: both;}
.type_banner_titlebx .slide_bullet li{float: left;margin-right: 10px;}
.type_banner_titlebx .slide_bullet li:last-child{margin-right: 0;}
.type_banner_titlebx .slide_bullet li a{display: block;width:10px; height: 10px; border:solid 2px #fff; border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;text-indent: -99999px;}

/*호버, 액션*/
.type_banner_titlebx .slide_bullet li a:hover{background: #fff;}
.type_banner_titlebx .slide_bullet li.active a{background: #fff;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.type_banner_titlebx .itembx{padding:25px 50px 25px 25px;}
.type_banner_titlebx .itembx:after{bottom:25px; right:25px;}
}

@media screen and (max-width: 970px) and (min-width: 1px){

}

@media screen and (max-width: 767px) and (min-width: 1px){
.type_banner_titlebx:after{padding-bottom: 190px;}
.type_banner_titlebx .itembx h3{max-height: 6.9em;line-height: 1.4em;}
.type_banner_titlebx .itembx{padding:20px 50px 20px 20px;}
}

/*=========================================================
  메인1 모듈 박스(메인 반응형)
=========================================================*/
.main_cont_robx .type_banner_titlebx{position: absolute; top:-100px; right:0;}
.main_cont_robx .position_box{position: relative;}
.main_cont_robx .position_box:after{content: ""; display: table; clear: both;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.main_cont_robx .type_banner_titlebx{top:-90px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.main_cont_robx .type_banner_titlebx{top:-40px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.main_cont_robx .type_banner_titlebx{position: relative; top:auto; right:auto;width:100%;margin-bottom: 30px;}
}

/*=========================================================
  메인1 모듈 박스(교수소개)
=========================================================*/
.type_professor_mdbx{border:solid 1px #ccd0d7;padding:25px 30px 28px;margin-bottom: 30px;}
.type_professor_mdbx .md_b_tit{margin-bottom: 25px;}
.type_professor_itembx{margin-bottom:20px;}
.type_professor_itembx:last-child{margin-bottom: 0;}
.type_professor_itembx .itembx{display: block;}
.type_professor_itembx .itembx:after{content: ""; display: table; clear: both;}
.type_professor_itembx .itembx .thum{line-height: 0; float: left; width:23%;max-width: 80px;margin-right: 20px;}
.type_professor_itembx .itembx .cont{padding-top: 4px;overflow: hidden;padding-bottom: 20px; position: relative;}
.type_professor_itembx .itembx .cont:after{content: ""; width:21px; height: 7px; background: url(../images/icon/main_one_icon.png) no-repeat;background-size: 125px 125px; background-position: 0 -12px; position: absolute; bottom:0; right:5px;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;}
.type_professor_itembx .itembx .cont .md_s_tit{margin-bottom: 15px;}
.type_professor_itembx .itembx .cont .md_s_tit .name{display: inline-block;vertical-align: middle;margin-right: 5px;padding-bottom: 6px; position: relative;}
.type_professor_itembx .itembx .cont .md_s_tit .name:after{content: "";width:30px; height: 2px; background: #125fac; position: absolute; bottom:0; left:0;}
.type_professor_itembx .itembx .cont .md_s_tit .position{display: inline-block;vertical-align: middle;font-size: 0.78em;color:#888e95;padding-bottom: 6px;}
.type_professor_itembx .itembx .cont .major{color:#2e3235; line-height: 1.4em; font-weight: bold;}

/*호버*/
.type_professor_itembx .itembx:hover .cont:after{right:0px;}
.type_professor_itembx .itembx:hover .cont .md_s_tit .name{color:#125fac;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.type_professor_mdbx{padding:25px 30px;}
.type_professor_mdbx .md_b_tit{margin-bottom: 25px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.type_professor_mdbx{padding:25px 25px;}
.type_professor_mdbx .md_b_tit{margin-bottom: 25px;}
.type_professor_itembx .itembx .cont .md_s_tit{margin-bottom: 10px;}
.type_professor_itembx .itembx .thum{margin-right: 15px;}
.type_professor_itembx .itembx .cont{padding-bottom: 15px;}
.type_professor_itembx{margin-bottom: 15px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.type_professor_mdbx .md_b_tit{margin-bottom: 20px;}
.type_professor_mdbx{padding:20px 20px;margin-bottom: 30px;}
}

@media screen and (max-width: 419px) and (min-width: 1px){
.type_professor_itembx .itembx .thum{width:20%;}
}

/*=========================================================
  메인1 모듈 박스(입학 배너박스)
=========================================================*/
.type_banner_linkbx{position: relative;border:solid 1px #ccd0d7;}
.type_banner_linkbx:after{content: ""; padding-bottom: 47%; display: block;}
.type_banner_linkbx .itembx{display: block;padding:30px 30px;position: relative;background: url(../images/uploads/banner_img-1.jpg) no-repeat;background-size:cover; background-position: center center;position: absolute; top:0; left:0; right:0; bottom:0;}
.type_banner_linkbx .itembx:after{content: ""; width:21px; height: 7px; background: url(../images/icon/main_one_icon.png) no-repeat;background-size: 125px 125px; background-position: 0 -25px; position: absolute; bottom:30px; right:30px;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;z-index: 50;}
.type_banner_linkbx .itembx .md_vb_tit{font-weight: normal;color:#fff;margin-bottom: 5px;position: relative; z-index: 10;}
.type_banner_linkbx .itembx .md_vb_tit .f_b{text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.type_banner_linkbx .itembx .sub_text{color:#fff; line-height: 1.5em;position: relative; z-index: 10;}
.type_banner_linkbx .itembx .bg{display: block; position: absolute; top:0; left:0; right:0; bottom:0;background: rgba(0,0,0,0.2); z-index: 1;transition: all ease-out 0.2s;-webkit-transition: all ease-out 0.2s;-moz-transition: all ease-out 0.2s;-ms-transition: all ease-out 0.2s;}

/*호버*/
.type_banner_linkbx .itembx:hover .bg{background: rgba(18,95,172,0.3);}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.type_banner_linkbx .itembx{padding:25px 25px;}
.type_banner_linkbx .itembx:after{bottom:25px; right:25px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.type_banner_linkbx .itembx{padding:25px 25px;}
.type_banner_linkbx:after{padding-bottom: 180px;}
.type_banner_linkbx .itembx:after{bottom:25px; right:25px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.type_banner_linkbx .itembx{padding:20px 20px;}
.type_banner_linkbx .itembx:after{bottom:20px; right:20px;}
}

/*=========================================================
  메인1 모듈 박스(아이콘 링크박스)
=========================================================*/
.type_icon_link_mdbx{margin-top:40px;background: #4897e4;padding:10px 10px;}
.type_icon_link_mdbx ul{overflow: hidden;margin:-10px -10px;}
.type_icon_link_mdbx ul li{padding:10px 10px;float: left;width:16.6666%;text-align: center;position: relative;}
.type_icon_link_mdbx ul li:after{content: "";width:1px; height: 76px;background: #7daedf; position: absolute; top:50%;right:0; transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);}
.type_icon_link_mdbx ul li:last-child:after{display: none;}
.type_icon_link_mdbx ul li a{display: block;padding:38px 10px 32px;}
.type_icon_link_mdbx ul li a .textbx{display: block;font-weight: bold; color:#ffffff; line-height: 1.4em;padding-top: 80px;position: relative;}
.type_icon_link_mdbx ul li a .textbx:before{content: ""; background: url(../images/icon/main_link_icon.png) no-repeat;background-size: 520px 85px;position: absolute; top:0; left:50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.type_icon_link_mdbx ul li a .textbx .text{display: block; position: absolute; bottom:0; left:0; right:0;}
.type_icon_link_mdbx ul li a .textbx .text .tblbx{display: table; table-layout: fixed; width:100%; height: 2.4em;}
.type_icon_link_mdbx ul li a .textbx .text .tblbx .tbl_cell{display: table-cell; vertical-align: middle;}

/*아이콘*/
.type_icon_link_mdbx ul li.step1 a .textbx:before{width:30px; height: 39px; background-position: 0 0;}
.type_icon_link_mdbx ul li.step2 a .textbx:before{width:43px; height: 39px; background-position: -86px 0;}
.type_icon_link_mdbx ul li.step3 a .textbx:before{width:39px; height: 39px; background-position: -183px 0;}
.type_icon_link_mdbx ul li.step4 a .textbx:before{width:47px; height: 39px; background-position: -270px 0;}
.type_icon_link_mdbx ul li.step5 a .textbx:before{width:45px; height: 39px; background-position: -370px 0;}
.type_icon_link_mdbx ul li.step6 a .textbx:before{width:52px; height: 39px; background-position: -450px 0;}

/*호버*/
.type_icon_link_mdbx ul li a:hover{background: #fff;}
.type_icon_link_mdbx ul li a:hover .textbx{color:#4897e4;}

/*호버 아이콘*/
.type_icon_link_mdbx ul li.step1 a:hover .textbx:before{background-position: 0 -44px;}
.type_icon_link_mdbx ul li.step2 a:hover .textbx:before{background-position: -86px -44px;}
.type_icon_link_mdbx ul li.step3 a:hover .textbx:before{background-position: -183px -44px;}
.type_icon_link_mdbx ul li.step4 a:hover .textbx:before{background-position: -270px -44px;}
.type_icon_link_mdbx ul li.step5 a:hover .textbx:before{background-position: -370px -44px;}
.type_icon_link_mdbx ul li.step6 a:hover .textbx:before{background-position: -450px -44px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.type_icon_link_mdbx ul li a{padding:28px 10px 22px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.type_icon_link_mdbx{margin-top: 35px;}
.type_icon_link_mdbx ul li a{padding:23px 0px 17px;}
.type_icon_link_mdbx ul li a .textbx{padding-top: 72px;font-size: 0.9em;}

/*아이콘*/
.type_icon_link_mdbx ul li a .textbx:before{background-size: 360px 59px;}
.type_icon_link_mdbx ul li.step1 a .textbx:before{width:21px; height: 27px; background-position: 0 0;}
.type_icon_link_mdbx ul li.step2 a .textbx:before{width:30px; height: 27px; background-position: -59px 0;}
.type_icon_link_mdbx ul li.step3 a .textbx:before{width:28px; height: 27px; background-position: -127px 0;}
.type_icon_link_mdbx ul li.step4 a .textbx:before{width:33px; height: 27px; background-position: -186px 0;}
.type_icon_link_mdbx ul li.step5 a .textbx:before{width:32px; height: 27px; background-position: -256px 0;}
.type_icon_link_mdbx ul li.step6 a .textbx:before{width:36px; height: 27px; background-position: -312px 0;}

/*호버 아이콘*/
.type_icon_link_mdbx ul li.step1 a:hover .textbx:before{background-position: 0 -30px;}
.type_icon_link_mdbx ul li.step2 a:hover .textbx:before{background-position: -59px -30px;}
.type_icon_link_mdbx ul li.step3 a:hover .textbx:before{background-position: -127px -30px;}
.type_icon_link_mdbx ul li.step4 a:hover .textbx:before{background-position: -186px -30px;}
.type_icon_link_mdbx ul li.step5 a:hover .textbx:before{background-position: -256px -30px;}
.type_icon_link_mdbx ul li.step6 a:hover .textbx:before{background-position: -312px -30px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.type_icon_link_mdbx{margin-top: 30px;}
.type_icon_link_mdbx ul li a{padding:13px 0px 7px;}
.type_icon_link_mdbx ul li a .textbx{padding-top: 64px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.type_icon_link_mdbx ul li{width:33.3333%;}
.type_icon_link_mdbx ul li:nth-child(3n+1){clear: both;}
}

@media screen and (max-width: 374px) and (min-width: 1px){
.type_icon_link_mdbx ul li a .textbx{padding-top: 68px;}
}

/*==================================================================================================================
 (단일 스타일)
==================================================================================================================*/
/*=========================================================
  인사말
=========================================================*/
.hb_greetings_titlebx{background: #f5f5f6;position: relative;}
.hb_greetings_titlebx:after{content: ""; display: block; padding-bottom: 42.8%;}
.hb_greetings_titlebx .md_bs_imgbx{position: absolute; top:0; right:0;bottom:0;text-align: right;}
.hb_greetings_titlebx .md_bs_imgbx img{max-height: 100%;}
.hb_greetings_titlebx .md_svb_tit{font-weight: normal;position: absolute;top:19%; left:5.4%;right:39%;padding-top: 25px; padding-left:37px;}
.hb_greetings_titlebx .md_svb_tit:before{content: "";position: absolute; top:0; left:0;width:31px; height: 26px; background: url(../images/icon/hb_bullet_icon.png) no-repeat;background-size: 31px 26px;}
.hb_greetings_titlebx .name{font-size: 1.15em; color:#2e3235;position: absolute;bottom:25px; right:44%;}
.hb_greetings_titlebx .name .md_b_tit{margin-left:8px;}

@media screen and (max-width: 1023px) and (min-width: 1px){
.hb_greetings_titlebx:after{content: ""; display: block; padding-bottom: 39.8%;}
.hb_greetings_titlebx .md_svb_tit{padding-top: 10px; padding-left:30px;}
.hb_greetings_titlebx .md_svb_tit:before{width:20px; height: 17px; background-size: 20px 17px;}
}

@media screen and (max-width:579px) and (min-width: 1px){
.hb_greetings_titlebx{background: none;}
.hb_greetings_titlebx .md_bs_imgbx{position: static;background: #f5f5f6;margin-bottom: 25px;}
.hb_greetings_titlebx .md_bs_imgbx img{max-height: 200px;}
.hb_greetings_titlebx:after{display: none;}
.hb_greetings_titlebx .md_svb_tit{position: relative; top:auto; left:auto; right:auto;margin-bottom: 20px;line-height: 1.5em;}
.hb_greetings_titlebx .name{position: static;}
}

/*=========================================================
  학과소개
=========================================================*/
.hb_bg_contbx{position: relative;}
.hb_bg_contbx .textbx{position: absolute;bottom:30px; left:30px; right:30px; z-index: 10;}
.hb_bg_contbx .textbx .text_itembx{display:block; width:100%; max-width: 730px;color:#fff;background: rgba(18,95,172,0.95);padding:35px 70px 55px 35px;line-height: 1.9;position: relative;}
.hb_bg_contbx .textbx .text_itembx:after{content: "";width:1px; background: #fff; position: absolute; top:35px; right:35px;bottom:55px;}
.hb_bg_contbx .textbx .text_itembx .md_vb_tit{color:#fff;}

@media screen and (max-width: 1023px) and (min-width: 1px){
.hb_bg_contbx .textbx{bottom:25px; left:25px; right:25px;}
.hb_bg_contbx .textbx .text_itembx{padding:25px 50px 40px 25px;}
.hb_bg_contbx .textbx .text_itembx:after{top:25px; bottom:40px; right:25px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.hb_bg_contbx .textbx{position: static;}
.hb_bg_contbx .textbx .text_itembx{padding:30px 35px 30px 20px;}
.hb_bg_contbx .textbx .text_itembx:after{right:15px;bottom:50%;}
}

/*=========================================================
  비전 및 진로
=========================================================*/
.title_video_bx.ty_hb .titlebx{background: url(../images/uploads/vision_text_bg.jpg) no-repeat;background-size: cover; background-position: center center;}

/*포스트*/
.hb_bgcolor_textbx{position: relative;}
.hb_bgcolor_textbx:after{content: ""; width:40px; background: #fff; position: absolute;top:0; bottom:0; left:50%; margin-left:-20px;}
.hb_bgcolor_textbx ul{display: table; table-layout: fixed; width:100%;}
.hb_bgcolor_textbx ul li{display: table-cell; vertical-align: top;width:50%;}
.hb_bgcolor_textitembx{padding:30px 30px 45px;}

/*조건값*/
.hb_bgcolor_textbx ul li.white{border-bottom: solid 3px #2e3235;}
.hb_bgcolor_textbx ul li.gray{background: #f1f3f6;}
.hb_bgcolor_textbx ul li.white{padding-right: 20px;}
.hb_bgcolor_textbx ul li.gray{padding-left:20px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.hb_bgcolor_textitembx{padding:25px 25px 40px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.hb_bgcolor_textitembx{padding:22px 20px 35px;}
.hb_bgcolor_textbx ul li.white{padding-right: 14px;}
.hb_bgcolor_textbx ul li.gray{padding-left:14px;}
.hb_bgcolor_textbx:after{width:28px; margin-left:-14px;}
.hb_bgcolor_textitembx .kor_txt{margin-top: 2px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.hb_bgcolor_textbx ul{display: block;}
.hb_bgcolor_textbx ul li{display: block;width:100%;clear: both;}
.hb_bgcolor_textbx ul li.white{margin-bottom: 25px;}
.hb_bgcolor_textbx:after{display: none;}
.hb_bgcolor_textbx ul li.white{padding-right: 0;}
.hb_bgcolor_textbx ul li.white .hb_bgcolor_textitembx{padding-top:0;}
.hb_bgcolor_textbx ul li.gray{padding-left:0;}
}

/*=========================================================
  연혁
=========================================================*/
.hb_history_contbx{padding:45px 45px 0;position: relative;}
.hb_history_contbx .bg{display: block; background: url(../images/uploads/hisoty_bg.jpg) no-repeat;background-size: cover;position: absolute; top:0; left:0; right:0;overflow: hidden;}
.hb_history_contbx .bg:after{content: ""; display: block; padding-bottom: 69%;}
.hb_history_title_cbx{position: relative; z-index: 10;}
.hb_history_title_cbx:after{content: ""; display: table; clear: both;}
.hb_history_title_cbx .titlebx{padding-bottom: 36px; position: relative;float: left;margin-right: 60px;width:230px;}
.hb_history_title_cbx .titlebx:after{content: "";position: absolute; bottom:0; left:0; width:100%; height: 3px; background: #fff;}
.hb_history_title_cbx .md_vb_tit{color:#fff;}
.hb_history_title_cbx .history_cbx{float: left;width: calc(100% - 290px);width: -webkit-calc(100% - 290px);width: -moz-calc(100% - 290px);background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.3);padding:45px 35px;}
.hb_history_title_cbx .history_cbx > ul{position: relative;}
.hb_history_title_cbx .history_cbx > ul:before{content: ""; width:1px; position: absolute; top:-15px; bottom:-15px; left:66px;background: #ccd0d7;}
.hb_history_title_cbx .history_cbx > ul > li{margin-top: 35px;}
.hb_history_title_cbx .history_cbx > ul > li:first-child{margin-top: 0px;}
.hb_history_title_cbx .history_cbx > ul > li > dl:after{content: ""; display: table; clear: both;}
.hb_history_title_cbx .history_cbx > ul > li > dl > dt{float: left;width:66px;}
.hb_history_title_cbx .history_cbx > ul > li > dl > dd{width: calc(100% - 66px);width: -webkit-calc(100% - 66px);width: -moz-calc(100% - 66px);float: left;}
.hb_history_title_cbx .history_itembx{margin-top: 10px;}
.hb_history_title_cbx .history_itembx:first-child{margin-top: 0;}
.hb_history_title_cbx .history_itembx dl:after{content: ""; display: table; clear: both;}
.hb_history_title_cbx .history_itembx dl dt{float: left;margin-right: 15px;color:#2e3235; font-weight: bold;padding-left:18px;position: relative;}
.hb_history_title_cbx .history_itembx dl dt:before{content: ""; width:5px; height: 5px; background: #125fac; position: absolute; top:50%; left:-2px; margin-top:-3px; border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;z-index: 10;}
.hb_history_title_cbx .history_itembx dl dd{overflow: hidden;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.hb_history_contbx{padding:30px 25px 0;}
.hb_history_title_cbx .titlebx{margin-right: 30px;width:150px;}
.hb_history_title_cbx .history_cbx{width: calc(100% - 180px);width: -webkit-calc(100% - 180px);width: -moz-calc(100% - 180px);padding:45px 25px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.hb_history_contbx{padding:30px 25px 0;}
.hb_history_title_cbx .titlebx{margin-right: 30px;width:150px;padding-bottom: 25px;}
.hb_history_title_cbx .history_cbx{width: calc(100% - 180px);width: -webkit-calc(100% - 180px);width: -moz-calc(100% - 180px);padding:45px 25px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.hb_history_contbx{padding: 30px 15px 0;}
.hb_history_title_cbx .titlebx{float: none;margin-right: 0;margin-bottom: 25px;padding-bottom: 10px;width:180px;}
.hb_history_title_cbx .md_vb_tit br{display: none;}
.hb_history_title_cbx .history_cbx{width:100%;padding:35px 20px;}
.hb_history_title_cbx .history_cbx > ul > li > dl > dt{width:56px;}
.hb_history_title_cbx .history_cbx > ul:before{left:56px;}
}

/*=========================================================
 찾아오시는길
=========================================================*/
.root_daum_roughmap{width:100% !important;}

@media screen and (max-width: 1023px) and (min-width: 1px){
.root_daum_roughmap .wrap_map{height: 300px !important;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.root_daum_roughmap .wrap_map{height: 250px !important;}
}

/*=========================================================
 준비중 페이지
=========================================================*/
.preparing_page{padding:85px 25px;border-top: solid 3px #2e3235;border-bottom: solid 1px #ccd0d7;text-align: center;}
.preparing_page .text_box{display: inline-block; vertical-align: middle;max-width: 660px; width:100%;text-align: left;}
.preparing_page .text_box .tblbx{display: table; table-layout: fixed; width:100%;}
.preparing_page .text_box .thum{line-height: 0;width:27%;display: table-cell; vertical-align: middle;}
.preparing_page .text_box .text{display: table-cell; vertical-align: middle;padding-left:40px;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.preparing_page{padding:60px 25px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.preparing_page{padding:45px 25px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.preparing_page{padding:35px 15px;}
.preparing_page .text_box .tblbx{display: block;}
.preparing_page .text_box .thum{display: block; width:140px; margin:0 auto 35px;}
.preparing_page .text_box .text{display: block; padding-left:0;text-align: center;}
}