@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;}

/*=========================================================
  네비게이션
=========================================================*/
.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;}

@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;}

/*서브 네비*/
.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){
.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; 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(/wp-content/uploads/sites/2/2018/05/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(/wp-content/uploads/sites/2/2018/05/banner_bg_one.jpg) no-repeat;background-attachment: fixed; background-position: center 90px;}
.cate_two .top_bannerbx{background: url(/wp-content/uploads/sites/2/2018/05/banner_bg_two.jpg) no-repeat;background-attachment: fixed; background-position: center 90px;}
.cate_three .top_bannerbx{background: url(/wp-content/uploads/sites/2/2018/05/banner_bg_three.jpg) no-repeat;background-attachment: fixed; background-position: center 90px;}
.cate_four .top_bannerbx{background: url(/wp-content/uploads/sites/2/2018/05/banner_bg_four.jpg) no-repeat;background-attachment: fixed; background-position: center 90px;}
.cate_five .top_bannerbx{background: url(/wp-content/uploads/sites/2/2018/05/banner_bg_five.jpg) no-repeat;background-attachment: fixed; background-position: center 90px;}
.cate_six .top_bannerbx{background: url(/wp-content/uploads/sites/2/2018/05/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;}
}

/*==================================================================================================================
  학부 사이트 타입 3
==================================================================================================================*/
/*=========================================================
  메인 픽시드
=========================================================*/
.main_row_rbx{min-height: 70vh;position: relative;padding-left:650px;}
.main_fix_rbx{position: absolute; top:0;left:0;width:650px;bottom:0;background: url(/wp-content/uploads/sites/2/2018/05/fix_bg_img.jpg) no-repeat;background-attachment: fixed;background-size: 650px auto !important;padding:90px 90px 20px;}
.main_fix_rbx:after{content: ""; position: absolute; top:0; left:0; right:0; bottom:0;background: url(../images/back/fix_main_bg.png) repeat-x;background-size: auto 100%;}
.main_fix_rbx .titlebx{border:solid 10px #fff;position: absolute; z-index: 10;padding:35px 35px;width:470px;}
.main_fix_rbx .titlebx .su_tit{font-size: 24px; color:#ffffff; line-height: 1.4em; font-family: 'Open Sans', sans-serif;text-transform: uppercase;margin-bottom: 10px;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.main_fix_rbx .titlebx .title{font-size: 46px; color:#ffffff; line-height: 1.26em; font-weight: bold; font-family: 'Open Sans', sans-serif;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);/*max-height: 2.52em; */overflow: hidden;}
.main_fix_rbx .titlebx .title .text{display: block;padding-left:90px;position: relative;}
.main_fix_rbx .titlebx .title .text:before{content: ""; width:70px; height: 7px; background: #fff; position: absolute; top:50%; margin-top:-4px; left:0;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.main_fix_rbx .titlebx .sub_text{font-size: 18px; color:#ffffff;line-height: 1.5em;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);margin-top: 12vh;max-height: 3em; overflow: hidden;}

/*조건값*/
.main_fix_rbx.fixed .titlebx{top:181px;position: fixed;}
.admin-bar .main_fix_rbx.fixed .titlebx{top:213px;}

@media screen and (min-height: 1000px) and (min-width: 1601px){
.main_fix_rbx{background-size: auto 100% !important;}
}

@media screen and (max-height: 899px) and (min-width: 1601px){
.main_fix_rbx{padding:70px 90px 20px;}
.main_fix_rbx .titlebx .su_tit{font-size: 18px;}
.main_fix_rbx .titlebx .title{font-size: 44px;}
.main_fix_rbx .titlebx .sub_text{font-size: 16px;margin-top: 8vh;}

/*조건값*/
.main_fix_rbx.fixed .titlebx{top:161px;}
.admin-bar .main_fix_rbx.fixed .titlebx{top:193px;}
}

@media screen and (max-height: 829px) and (min-width: 1601px){
.main_fix_rbx .titlebx .sub_text{margin-top: 5vh;}
}

@media screen and (max-height: 799px) and (min-width: 1601px){
.main_fix_rbx{padding:50px 90px 20px;}
.main_fix_rbx .titlebx .su_tit{font-size: 16px;}
.main_fix_rbx .titlebx .title{font-size: 42px;}
.main_fix_rbx .titlebx .sub_text{font-size: 14px;margin-top: 5vh;}

/*조건값*/
.main_fix_rbx.fixed .titlebx{top:141px;}
.admin-bar .main_fix_rbx.fixed .titlebx{top:173px;}
}

@media screen and (max-width: 1600px) and (min-width: 1024px){
.main_fix_rbx{width:41%;padding:80px 40px 20px;}
.main_row_rbx{padding-left:41%;}
.main_fix_rbx .titlebx{width: calc(100% - 80px);width: -webkit-calc(100% - 80px);width: -moz-calc(100% - 80px);}
.main_fix_rbx.fixed .titlebx{width: calc(41% - 80px);width: -webkit-calc(41% - 80px);width: -moz-calc(41% - 80px);}

/*조건값*/
.main_fix_rbx.fixed .titlebx{top:171px;}
.admin-bar .main_fix_rbx.fixed .titlebx{top:203px;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.main_fix_rbx{width:41%;padding:70px 40px 20px;}
.main_fix_rbx .titlebx{padding:25px 25px;}
.main_fix_rbx .titlebx .su_tit{font-size: 14px;}
.main_fix_rbx .titlebx .title{font-size: 38px;}
.main_fix_rbx .titlebx .title .text{padding-left:70px;}
.main_fix_rbx .titlebx .title .text:before{height: 4px; margin-top: -2px; width:50px;}
.main_fix_rbx .titlebx .sub_text{font-size: 14px;margin-top: 7vh;}

/*조건값*/
.main_fix_rbx.fixed .titlebx{top:156px;}
.admin-bar .main_fix_rbx.fixed .titlebx{top:188px;}
}


@media screen and (min-height: 1000px) and (max-width: 1600px) and (min-width: 1024px){
.main_fix_rbx{background-size: auto 100% !important;}
}

@media screen and (max-height: 899px) and (max-width: 1600px) and (min-width: 1024px){
.main_fix_rbx{padding:70px 40px 20px;}
.main_fix_rbx .titlebx .su_tit{font-size: 18px;}
.main_fix_rbx .titlebx .title{font-size: 38px;}
.main_fix_rbx .titlebx .sub_text{font-size: 16px;margin-top: 8vh;}

/*조건값*/
.main_fix_rbx.fixed .titlebx{top:161px;}
.admin-bar .main_fix_rbx.fixed .titlebx{top:193px;}
}

@media screen and (max-height: 829px) and (max-width: 1600px) and (min-width: 1024px){
.main_fix_rbx .titlebx .sub_text{margin-top: 5vh;}
}

@media screen and (max-height: 799px) and (max-width: 1600px) and (min-width: 1024px){
.main_fix_rbx{padding:50px 40px 20px;}
.main_fix_rbx .titlebx .su_tit{font-size: 16px;}
.main_fix_rbx .titlebx .title{font-size: 42px;}
.main_fix_rbx .titlebx .sub_text{font-size: 14px;margin-top: 5vh;}

/*조건값*/
.main_fix_rbx.fixed .titlebx{top:141px;}
.admin-bar .main_fix_rbx.fixed .titlebx{top:173px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.main_row_rbx{padding-left:0;min-height: 0;}
.main_fix_rbx{position: relative !important;width:100%;padding:70px 20px 90px;background: url(/wp-content/uploads/sites/2/2018/05/m_main_bg.jpg) no-repeat; background-attachment:inherit !important;background-size: cover !important;}
.main_fix_rbx .titlebx{position: relative;width:100%;padding:30px 30px;border:solid 8px #fff;max-width: 580px;margin:0 auto;background: rgba(0,0,0,0.4);box-shadow: 0px 0px 10px rgba(0,0,0,0.2);}
.main_fix_rbx .titlebx .su_tit{font-size: 15px;}
.main_fix_rbx .titlebx .title{font-size: 48px;}
.main_fix_rbx .titlebx .sub_text{font-size: 13px;margin-top: 45px;}
.main_fix_rbx .titlebx .title .text{padding-left:70px;}
.main_fix_rbx .titlebx .title .text:before{height: 4px; margin-top: -2px; width:55px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.main_fix_rbx{width:100%;padding:50px 20px 70px;}
.main_fix_rbx .titlebx{padding:20px 20px;}
.main_fix_rbx .titlebx .su_tit{font-size: 13px;}
.main_fix_rbx .titlebx .title{font-size: 28px;}
.main_fix_rbx .titlebx .sub_text{font-size: 13px;margin-top: 45px;}
}

/*=========================================================
  메인 컨텐츠박스
=========================================================*/
.main_cont_rbx{padding-bottom: 60px;overflow: hidden;}
.main_cont_rbx .r_max_container{max-width: 910px;padding:0 40px;margin:0 auto;}
.main_cont_rbx .r_max_container:after{content: ""; display: table; clear: both;}

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

@media screen and (max-width: 1023px) and (min-width: 1px){
.main_cont_rbx{padding-bottom: 40px;}
.main_cont_rbx .r_max_container{padding:0 20px;}
}

@media screen and (max-width: 639px) and (min-width: 1px){
.main_cont_rbx{padding-bottom: 30px;}
}

/*=========================================================
  메인3 모듈 박스(메인 타이틀)
=========================================================*/
/* 헤더
=========================================================*/
.type_list_mdbx.gray_bx{background: #f1f3f6;position: relative;padding:35px 0;margin-bottom: 55px;}
.type_list_mdbx.gray_bx:before{content: ""; width:2000px; position: absolute; top:0; left:-2000px; background: #f1f3f6; height: 100%;}
.type_list_mdbx.gray_bx:after{content: ""; width:2000px; position: absolute; top:0; right:-2000px; background: #f1f3f6; height: 100%;}
.type_list_mdbx .lst_md_headbx{position: relative;margin-bottom: 20px;padding-right: 92px;}
.type_list_mdbx .lst_md_headbx ul{margin:-0 -20px;}
.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:24px; background: #ccd0d7; position: absolute; top:50%; margin-top:-12px; 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 20px;}

/*더보기 버튼*/
.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.gray_bx{margin-bottom: 45px;}
}

@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;}
.type_list_mdbx.gray_bx{margin-bottom: 40px;}
}

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

/*=========================================================
  메인3 모듈 박스(공지리스트)
=========================================================*/
.n_main_ls_psbx:after{content: ""; display: table; clear: both;}
.r_date_lsbx ul li .itembx{display: block;position: relative;padding:13px 0;padding-right: 50px;border-bottom: solid 1px #ccd0d7;}
.r_date_lsbx ul li .itembx: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;opacity: 0;visibility: hidden;}
.r_date_lsbx ul li:first-child .itembx:after{margin-top:-7px;}
.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;color:#2e3235;}
.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%);display: none !important;}
.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%);}

/*썸네일*/
.main_slide_mditembx .itembx{display: block;}
.main_slide_mditembx .thum{line-height: 0;margin-bottom: 15px;}
.main_slide_mditembx .cont h4{overflow: hidden;margin-bottom: 15px;max-height: 3em; overflow: hidden;}
.main_slide_mditembx .cont .md_meta_date{color:#125fac;}
.main_slide_mditembx .cont .md_meta_date:before{height: 15px;background: url(../images/icon/main_one_icon.png) no-repeat;background-size: 125px 125px;background-position: 0 -61px;margin-top: 0;}

.n_main_ls_psbx .main_slide_mditembx{float: left;margin-right: 35px;width:48%;max-width: 395px;}
.n_main_ls_psbx .r_date_lsbx{overflow: hidden;}

/*호버*/
.r_date_lsbx ul li .itembx:hover{border-bottom: solid 1px #125fac;}
.r_date_lsbx ul li .itembx:hover h3{color:#125fac;}
.r_date_lsbx ul li .itembx:hover:after{right:5px;opacity: 1;visibility: visible;}
.main_slide_mditembx .itembx:hover h4{color:#125fac;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.n_main_ls_psbx .main_slide_mditembx{width:40%;}
.r_date_lsbx ul li:nth-child(5) ~ li{display: none;}
.r_date_lsbx ul li .itembx{padding:12px 0;padding-right: 50px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.r_date_lsbx ul li .itembx{padding:12px 0;}
.r_date_lsbx ul li .itembx:after{display: none !important;}
.r_date_lsbx ul li .itembx .date{margin-top: -1px;}
.n_main_ls_psbx .main_slide_mditembx{margin-right: 30px;}
}

@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;}
.n_main_ls_psbx .main_slide_mditembx{margin-right: 0px;float: none; margin-bottom: 30px;width:100%; max-width: none;}
.main_slide_mditembx .thum{margin-bottom: 19px;}
.main_slide_mditembx .thum img{width:100%;}
}

/*=========================================================
  메인3 모듈 박스(레이아웃)
=========================================================*/
.type_main_ro_100{margin:0 -20px 50px;}
.type_main_ro_100.ty_two{margin:0 -10px 100px;}
.type_main_ro_100:after{content: ""; display: table; clear: both;}
.type_main_ro_35{width:35%; float: left;padding:0 10px;}
.type_main_ro_50{width:50%; float: left;padding:0 20px;}
.type_main_ro_65{width:65%; float: left;padding:0 10px;}
.main_ro_mabx:after{content: ""; display: table; clear: both;}
.main_ro_mabx_50{width:50%;float: left;}


@media screen and (max-width: 1279px) and (min-width: 1024px){
.type_main_ro_100.ty_two{margin:0 -10px 70px;}
.type_main_ro_100{margin:0 -20px 40px;}
}

@media screen and (max-width: 1023px) and (min-width: 1px){
.type_main_ro_100.ty_two{margin:0 -10px 50px;}
.type_main_ro_100{margin:0 -20px 35px;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.type_main_ro_35{width:100%; float: none;}
.type_main_ro_50{width:100%; float: none;}
.type_main_ro_65{width:100%; float: none;}
.type_main_ro_100{margin:0 -20px 30px;}
.type_main_ro_100.ty_two{margin:0 -10px 30px;}
.type_main_ro_50:first-child{margin-bottom: 30px;}
.type_main_ro_65{margin-bottom: 30px;}
.main_ro_mabx_50{width:100%; float: none;}
}

/*=========================================================
  메인3 모듈 박스(학사일정)
=========================================================*/
/* 캘린더 리스트
=========================================================*/
.type_cal_ls_mdbx li{margin-top:30px;}
.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:#30c0b7; 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_sts_tit{max-height: 3em; overflow: hidden;color:#2e3235;}

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

@media screen and (max-width: 1279px) and (min-width: 1024px){
.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_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_ls_mdbx li{margin-top:15px;}
}

@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;}
}

/*=========================================================
  메인3 모듈 박스(교사 소개)
=========================================================*/
.type_md_professorbx{overflow: hidden;}
.type_md_professorbx > ul{margin:-10px -10px;overflow: hidden;}
.type_md_professorbx > ul > li{padding:10px 10px;float: left;width:33.3333%;}
.type_md_professor_itembx{text-align: center;}
.type_md_professor_itembx .itembx{display: block;}
.type_md_professor_itembx .thum{line-height: 0;margin-bottom: 14px;text-align: center;}
.type_md_professor_itembx .thum img{max-width: 100px;width:100%;}
.type_md_professor_itembx .cont h4{margin-bottom: 2px;}
.type_md_professor_itembx .cont .position{font-size: 0.86em; color:#888e95; line-height: 1.4em;font-weight: bold;margin-bottom: 5px;}
.type_md_professor_itembx .cont .major{color:#2e3235; line-height: 1.4em; font-weight: bold;}

/*호버*/
.type_md_professor_itembx .itembx:hover h4{color:#125fac;}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.type_md_professorbx > ul > li{width:50%;}
.type_md_professorbx > ul > li:nth-child(3){display: none;}
}

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

}

@media screen and (max-width: 639px) and (min-width: 1px){
.type_md_professorbx > ul{margin: -10px -7px;}
.type_md_professorbx > ul > li{padding:10px 7px;}
}

/*=========================================================
  메인3 모듈 박스(아이콘 링크박스)
=========================================================*/
.type_icon_link_mdbx{background: #4897e4;position: relative;padding-bottom: 1px;}
.type_icon_link_mdbx ul{overflow: hidden;}
.type_icon_link_mdbx ul li{padding:5px 5px;float: left;width:33.3333%;text-align: center;position: relative;border-right:solid 1px #6dace9;}
.type_icon_link_mdbx ul li:before{content: "";width:1px; height: 20px; position: absolute; top:0; left:-1px;background: #4897e4; z-index: 10;}
.type_icon_link_mdbx ul li:nth-child(3n) ~ li:before{top:auto; bottom:0;}
.type_icon_link_mdbx ul li:first-child:after{content: "";width:20px; height: 2px; position: absolute; bottom:-1px; left:0;background: #4897e4; z-index: 10;}
.type_icon_link_mdbx ul li:last-child:after{content: "";width:20px; height: 2px; position: absolute; top:-1px; right:0;background: #4897e4; z-index: 10;}
.type_icon_link_mdbx ul li:nth-child(3n) ~ li{border-top:solid 1px #6dace9;}
.type_icon_link_mdbx ul li:nth-child(3n){border-right:none;}
.type_icon_link_mdbx ul li:nth-child(3n+1){clear: both;}
.type_icon_link_mdbx ul li a{display: block;padding:29px 0px 16px;}
.type_icon_link_mdbx ul li a .textbx{display: block;padding-top: 79px;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;font-size: 0.94em;font-weight: bold; color:#ffffff; line-height: 1.2em;opacity: 0.7;}
.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 .text{color:#4897e4;opacity: 1;}

/*호버 아이콘*/
.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: 1600px) and (min-width: 1024px){
.type_icon_link_mdbx ul li a .textbx .text{font-size: 0.86em;}
}

@media screen and (max-width: 1279px) and (min-width: 1024px){
.type_icon_link_mdbx ul li a{padding:20px 0px 12px;}
.type_icon_link_mdbx ul li a .textbx{padding-top:63px;}

/*아이콘*/
.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: 1023px) and (min-width: 1px){
.type_icon_link_mdbx ul li a{padding:18px 0px 10px;}
.type_icon_link_mdbx ul li a .textbx{padding-top:67px;}
.type_icon_link_mdbx ul li a .textbx .text{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 ul li a{padding:14px 0px 6px;}
.type_icon_link_mdbx ul li a .textbx{padding-top: 62px;}
.type_icon_link_mdbx ul li a .textbx .text{height: auto;}
}

@media screen and (max-width: 767px) and (min-width: 1px){
.type_icon_link_mdbx{margin-bottom: 15px;}
.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: 62px;}
}

/*=========================================================
  메인3 모듈 박스(입학 배너박스)
=========================================================*/
.type_banner_linkbx{position: relative;}
.type_banner_linkbx:after{content: ""; padding-bottom: 135px; display: block;}
.type_banner_linkbx .itembx{display: block;padding:20px 20px;position: relative;background: url(/wp-content/uploads/sites/2/2018/05//banner_img1-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 .md_b_tit{font-weight: normal;color:#fff;margin-bottom: 5px;position: relative; z-index: 10;}
.type_banner_linkbx .itembx .md_b_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 .md_s_tit{color:#fff;position: relative; z-index: 10;max-height: 3em; overflow: hidden;}

/*슬라이드*/
.type_banner_linkbx .type_banner_ul{position: absolute; top:0; left:0; right:0; bottom:0;}
.type_banner_linkbx .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_linkbx .type_banner_ul > li.active{opacity: 1; visibility: visible;}

/* 슬라이드 불릿
=========================================================*/
.type_banner_linkbx .slide_bullet{position: absolute; bottom:20px; left:25px; right:25px;z-index: 50;}
.type_banner_linkbx .slide_bullet:after{content: ""; display: table; clear: both;}
.type_banner_linkbx .slide_bullet li{float: left;margin-right: 10px;}
.type_banner_linkbx .slide_bullet li:last-child{margin-right: 0;}
.type_banner_linkbx .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_linkbx .slide_bullet li a:hover{background: #fff;}
.type_banner_linkbx .slide_bullet li.active a{background: #fff;}

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

/*조건값*/
.type_banner_linkbx.bg_two .itembx{background: url(/wp-content/uploads/sites/2/2018/05//banner_img2.jpg) no-repeat;background-size:cover; background-position: center center;}

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

@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:after{content: ""; padding-bottom: 106px;}
.type_banner_linkbx .slide_bullet{bottom:15px;}
}

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

/*==================================================================================================================
 (단일 스타일)
==================================================================================================================*/
/*=========================================================
  인사말
=========================================================*/
.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(/wp-content/uploads/sites/2/2018/05/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(/wp-content/uploads/sites/2/2018/05/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;}
}