

@media (max-width: 1198px) {
.v_pc{display:block !important}
.v_mo{display:none !important}   
#gnb{width: 100%;min-width:990px;margin: 0 auto;position:relative;}
#gnb > .lnb > li > a{padding: 0 25px;font-size: 18px;}
#gnb > .lnb {display: none;width: auto;margin: 0 auto;padding-top: 27px;}
#gnb > .lnb > li {display:inline-block; font-size:16px; text-align:center; vertical-align:top;  display: inline-block;}
#gnb > .lnb > li > a:after {position:absolute; content:''; bottom:-10px; left:50%; width:0; height:4px;background:#1b50b8; transition:all 0.3s}
#gnb > .lnb > li:hover > a {color:#1b50b8 !important; text-decoration: none;}
#gnb > .lnb > li:hover > a:after {}
#gnb > .lnb > li > .subnav {position:relative; display:none; margin-top:20px; padding-bottom: 20px; z-index:99999999}
#gnb > .lnb > li > .subnav > li {line-height:1.8; text-align: left;}
#gnb > .lnb > li > .subnav > li > a {font-size:14px; color:#000; padding-left: 34px; }
#gnb > .lnb > li > .subnav > li > a:hover {color:#000; text-decoration: none;}
#gnb > .lnb li a, #gnb > .lnb.sub li a {font-size: 16px; padding: 0 20px; padding-bottom: 20px;}    
#gnb > .lnb > li > .subnav > li > a, #gnb > .lnb.sub > li > .subnav > li > a {padding-left: 24px;}
#gnb > .btnOpenMenu{float: right;display:block;margin-top: 10px;}
.navbar-header{padding-left: 0;}    
.bs-slider{padding:0}
.im-pc{display: block;}
.im-mo{display: none;}
/* header */
.header-line {height: 2px;background-color: #EF7500;position: absolute;}
.navbar-nav {padding-top: 13px;}
.navbar-brand {display: inline-block;background: url('/theme/trp/img/m_logo.png') no-repeat center center;width: 198px;height: 43px;background-size: 100%;padding-top: 49px;}
.navbar-sub .navbar-brand {float: left;padding: 26px 15px;background: url('/theme/trp/img/main/logo-sub.png') no-repeat center center;width: 146px;height: 32px;background-color: transparent;padding-top: 50px;}
.affix .navbar-brand {float: left;padding: 26px 15px;background: url('/theme/trp/img/logo.png') no-repeat center center;width: 146px;height: 32px;padding-top: 50px;}
.sidebar-offcanvas {
    display: block;
}

.navbar-default {padding: 0;height: 70px;}
.navbar-default .container{/* min-width: 100%; */padding: 0;max-width: 100%;}
.navbar-default .container .navbar-header{width: 100%;padding-left: 20px;height: 70px;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a {background-image: -webkit-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);background-image: -o-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);background-repeat: repeat-x;-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);box-shadow:}
.navbar-toggle {margin-top: 20px;margin-right: 10px !important;display: block;}
.navbar-default.navbar-sub {border-bottom: 0;background-color: rgba(255, 255, 255, 0.9);z-index: 4;transition: 0.5s;}
.navbar-default.navbar-sub.affix {border-bottom: 1px #e6e6e6 solid;}
.navbar-default.navbar-sub.affix-top {background:#000;opacity: 0.4}
.navbar-sub .gnb .navi li a {color: #000;}
.navbar-sub .gnb .navi li a:hover {text-decoration: none;color: #1b50b8;}
.navbar-sub .snb_wrap {background-color: rgba(0, 0, 0, 0.6);}
.navbar-sub .snb_wrap .snb ul li > ul > li a {color: #e0e0e0;}

.row-offcanvas{padding-top:70px}
.carousel-caption h1{font-size:40px}
.sub_con {position: relative;width: 100%;height: 250px;margin-top: 0;overflow: hidden;}
.sub_con .bg,.sub_con .bg1,.sub_con .bg2,.sub_con .bg3,.sub_con .bg4,.sub_con .bg5,.sub_con .bg6 {position: relative;}
.sub_con .bg,.sub_con .bg1,.sub_con .bg2,.sub_con .bg3,.sub_con .bg4,.sub_con .bg5,.sub_con .bg6{padding: 0;margin: 0;}
.sub_con .bg,.sub_con .bg1,.sub_con .bg2,.sub_con .bg3,.sub_con .bg4,.sub_con .bg5,.sub_con .bg6 {position: absolute;left: 0;top: 0;width: 100%;background-repeat: no-repeat;text-align: center;}
.sub_con .bg .cont,.sub_con .bg1 .cont,.sub_con .bg2 .cont,.sub_con .bg3 .cont,.sub_con .bg4 .cont,.sub_con .bg5 .cont,.sub_con .bg6 .cont {top: 32%;position: relative;z-index: 1;}
.sub_con .bg .cont h1,.sub_con .bg1 .cont h1,.sub_con .bg2 .cont h1,.sub_con .bg3 .cont h1,.sub_con .bg4 .cont h1,.sub_con .bg5 .cont h1,.sub_con .bg6 .cont h1 {font-size: 24px;font-weight: 600;color: #fff;font-family: 'Noto Sans KR', sans-serif;}
.sub_con .bg .cont p,.sub_con .bg1 .cont p,.sub_con .bg2 .cont p,.sub_con .bg3 .cont p,.sub_con .bg4 .cont p,.sub_con .bg5 .cont p,.sub_con .bg6 .cont p {font-size: 18px;font-weight: 100;padding-top: 0px;color: #fff;}
.sub_con .bg,.sub_con .bg1,.sub_con .bg2,.sub_con .bg3,.sub_con .bg4,.sub_con .bg5,.sub_con .bg6 {height: 340px;}
.sub_con .cont h1{font-size:50px;}
.sub_con .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);}
.sub_con .bg {height: 340px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg01.jpg");background-repeat: no-repeat;}
.sub_con .bg1 {height: 250px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg01.jpg");background-repeat: no-repeat;}
.sub_con .bg2 {height: 250px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg02.jpg");background-repeat: no-repeat;}
.sub_con .bg3 {height: 340px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg03.jpg");background-repeat: no-repeat;}
.sub_con .bg4 {height: 340px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg04.jpg");background-repeat: no-repeat;}
.sub_con .bg5 {height: 340px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg05.jpg");background-repeat: no-repeat;}
.sub_con .bg6 {height: 340px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg07.jpg");background-repeat: no-repeat;}

/* index- content */


/*  sub layout */
.sub_menu{}
.sub_menu ul.lnb{width: 100% !important}
.sub_menu ul.lnb li{}
.sub_menu ul.lnb li a{
    padding: 22px 0;
}
.sub_menu ul.lnb li a.curt{}

#sub_content {position: relative;width: 100%;height: 100%;min-height: 600px;max-width: 100%;padding: 20px 10px;margin: 0 auto;}
#sub_content .container{min-width: 100%;padding: 0;}
#sub_content .page-header {margin: 0 0 10px 0;padding-top: 30px;clear: both;border-bottom: 0;text-align: center;}
#sub_content .page-header span{}
#sub_content .page-header h1 {font-size: 33px;font-weight: 600;text-align: center;color: #2b2b2b;}
#sub_content .page-header .sm_txt{font-size:23px;color:#504f4f;text-align:center}
#sub_content .page-header small {font-size: 15px;padding-left: 12px;}
#sub_content .page-header h4{color:#504f4f;font-size:35px;text-align:center;padding-top:50px}
#sub_content .page-header h4.sm_tit{font-size: 24px;color: #504f4f;padding-top: 10px;}
#sub_content .page-header p{text-align: center;font-size: 18px;color: #504f4f;margin: 10px;}
#sub_content .con_area{padding: 10px}
#sub_content .con_area img{display: block;width: 100%}
#sub_content .con_area .root_daum_roughmap{width: 100% !important;}
#sub_content .con_area .map_info{margin: 50px 0;}
#sub_content .con_area .map_info h3.tit{font-size: 21px;color: #000;}
#sub_content .con_area .con_tit h1{font-size:40px;font-weight: 600;color:#333;text-align:center;margin: 50px 0;}
#sub_content .con_area .con_tit h1 .sb_tit{font-weight:100}
table.tb_map{display: table;width: 100%;border-top: 2px solid #000; border-collapse: inherit;}
table.tb_map tbody th{background: #f5f5f5;color:#000;text-align: center;font-size: 15px;padding: 10px 30px;font-weight: 500;border-top: 2px solid #fff;border-bottom: 1px solid #eeeeee;}
table.tb_map tbody td{border-bottom: 1px solid #eeeeee;border-left: 2px solid #fff;font-size: 15px;padding: 10px;}
table.tb_map tbody td span{display: block;}
.board_area{margin-bottom: 70px;}
.board_area .subj{padding: 60px 0;}
.board_area .subj .page_txt{font-size: 22px;color: #060606;font-weight: 100;text-align: center;}
.board_area .board_con{}
.board_area .board_con ul.info_m{}
.board_area .board_con ul.info_m li{}
.board_area .board_con .msg{margin-bottom: 50px;}
.board_area .board_con .msg .m_tit{}
.board_area .board_con .msg .m_tit .num{display: inline-block;width: 35px;height: 35px;background: #148d04;color: #fff;text-align: center;border-radius: 20px;font-size: 20px;font-weight: 600;padding-top: 2px;}
.board_area .board_con .msg .m_tit .msg_subj{font-size: 18px;color: #2a2a2a;font-weight: 600;margin-left: 5px;}
.board_area .board_con .msg .msg_txt{font-size: 16px;color: #2a2a2a;margin-top: 10px;margin-left: 15px;}
.board_area .board_con .msg .msg_txt p{position: relative;padding-left: 15px;}
.board_area .board_con .msg .msg_txt p:before{content:'';position: absolute;top: 12px;left: 9px;width: 4px;height: 4px;background:#000;margin-left: -5px;margin-right: 5px;}
.board_area .board_con h2.w_tit{font-size: 22px;color: #0d6102;margin-top: 0;margin-bottom: 15px;font-weight: 600;}
.cl_area { position:relative;border:1px solid #ccc }
.cl_area:hover .pop { display:block }
.pop { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(47, 159, 171, 0.2); text-align:center; z-index:3 }
.pop .area {position:relative;top: 41%;}
.pop .area img{width: auto;height: auto !important}
.pop .tit { font-size:1.4rem; padding:12px 0 }
.pop { color:#fff }
.color_b{color:#1b50b8}


#bo_v{width: 96% !important;/* height: 460px; */}
#bo_v_atc{/* min-height: 220px !important; */}
.gall_row .col-gn-3 {/* width: 100% !important; */}
#bo_gall .gall_text_href span{font-size:18px !important}
#bo_v_con iframe{width:100%;/* height: auto !important; */}

/* footer */
.footer {margin-top: 0;background-color: #1b1b1b;position: relative;padding: 20px;clear: both;}
.footer .footer-top{position: relative;display: inline-block;width: 100%;text-align: center;margin: 20px 0;}
.footer .container{position:relative;width:100%;min-width: 320px;}
.footer .footer-top a{display: inline-block;width: auto;margin: 0 auto;}
.footer .footer-top a img{display: block;width: 100%;}
.footer .footer-bottom .footer-info{}
.footer address br{display: none;height:0;line-height: 0;font-size: 0;}
.footer address span{font-size: 13px;letter-spacing: -.5px;}
.footer address span.info-divider{margin: 0 5px;}
.footer address span.info-divider.f_mo{display:none}
.footer address span.fname{display: block;line-height: 13px;}
.footer .footer-bottom .footer_info p.copyright{}
.footer .footer-bottom .ba_area{position: relative;width: 100%;margin: 50px 0;margin-bottom: 10px;text-align: center;}
.footer .footer-bottom .ba_area ul{display: inline-block;width: auto;overflow: hidden;}
.footer .footer-bottom .ba_area ul li{display: table-cell;}
.footer .footer-bottom .ba_area ul li a{}
.footer .footer-bottom .ba_area ul li a img{}
}

@media (max-width: 992px) {
.v_pc{display:none !important}
.v_mo{display:block !important}
/* header */
.header-line {height: 2px;background-color: #EF7500;position: absolute;}
.navbar-nav {padding-top: 13px;}
.navbar-brand {display: inline-block;background: url('/theme/trp/img/m_logo.png') no-repeat center center;width: 160px;height: 43px;background-size: 100%;padding-top: 45px;}
.navbar-default:hover .navbar-brand{background: url('/theme/trp/img/m_logo.png') no-repeat center center;width: 160px;height: 43px;background-size: 100%;padding-top: 45px;}
.navbar-sub .navbar-brand {float: left;padding: 26px 15px;background: url('/theme/trp/img/main/logo-sub.png') no-repeat center center;width: 146px;height: 32px;background-color: transparent;padding-top: 50px;}
.affix .navbar-brand {float: left;padding: 26px 15px;background: url('/theme/trp/img/logo.png') no-repeat center center;width: 146px;height: 32px;padding-top: 50px;}
.sidebar-offcanvas {display: block;}
.navbar-default {padding: 0;height: 70px;}
.navbar-default .container{/* min-width: 100%; *//* padding: 0; */}
.navbar-default .container .navbar-header{width: 100%;padding-left: 10px;height: 70px;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a {background-image: -webkit-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);background-image: -o-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);background-repeat: repeat-x;-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);box-shadow:}
.navbar-toggle {margin-top: 20px;display: block;margin-right: 0px !important;}
.navbar-default.navbar-sub {border-bottom: 0;background-color: rgba(255, 255, 255, 0.9);z-index: 4;transition: 0.5s;}
.navbar-default.navbar-sub.affix {border-bottom: 1px #e6e6e6 solid;}
.navbar-default.navbar-sub.affix-top {background:#000;opacity: 0.4}
.navbar-sub .gnb .navi li a {color: #000;}
.navbar-sub .gnb .navi li a:hover {text-decoration: none;color: #1b50b8;}
.navbar-sub .snb_wrap {background-color: rgba(0, 0, 0, 0.6);}
.navbar-sub .snb_wrap .snb ul li > ul > li a {color: #e0e0e0;}

.row-offcanvas{padding-top:70px}
.sub_con {position: relative;width: 100%;height: 250px;overflow: hidden;}
.sub_con .bg,.sub_con .bg1,.sub_con .bg2,.sub_con .bg3,.sub_con .bg4,.sub_con .bg5,.sub_con .bg6 {position: relative;}
.sub_con .bg,.sub_con .bg1,.sub_con .bg2,.sub_con .bg3,.sub_con .bg4,.sub_con .bg5,.sub_con .bg6{padding: 0;margin: 0;}
.sub_con .bg,.sub_con .bg1,.sub_con .bg2,.sub_con .bg3,.sub_con .bg4,.sub_con .bg5,.sub_con .bg6 {position: absolute;left: 0;top: 0;width: 100%;background-repeat: no-repeat;text-align: center;}
.sub_con .bg .cont,.sub_con .bg1 .cont,.sub_con .bg2 .cont,.sub_con .bg3 .cont,.sub_con .bg4 .cont,.sub_con .bg5 .cont,.sub_con .bg6 .cont {top: 32%;position: relative;z-index: 1;}
.sub_con .bg .cont h1,.sub_con .bg1 .cont h1,.sub_con .bg2 .cont h1,.sub_con .bg3 .cont h1,.sub_con .bg4 .cont h1,.sub_con .bg5 .cont h1,.sub_con .bg6 .cont h1 {font-size: 24px;font-weight: 600;color: #fff;font-family: 'Noto Sans KR', sans-serif;}
.sub_con .bg .cont p,.sub_con .bg1 .cont p,.sub_con .bg2 .cont p,.sub_con .bg3 .cont p,.sub_con .bg4 .cont p,.sub_con .bg5 .cont p,.sub_con .bg6 .cont p {font-size: 18px;font-weight: 100;padding-top: 0px;color: #fff;}
.sub_con .bg,.sub_con .bg1,.sub_con .bg2,.sub_con .bg3,.sub_con .bg4,.sub_con .bg5,.sub_con .bg6 {height: 340px;}
.sub_con .cont h1{font-size:50px;}
.sub_con .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);}
.sub_con .bg {height: 340px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg01.jpg");background-repeat: no-repeat;}
.sub_con .bg1 {height: 250px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg01.jpg");background-repeat: no-repeat;}
.sub_con .bg2 {height: 250px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg02.jpg");background-repeat: no-repeat;}
.sub_con .bg3 {height: 340px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg03.jpg");background-repeat: no-repeat;}
.sub_con .bg4 {height: 340px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg04.jpg");background-repeat: no-repeat;}
.sub_con .bg5 {height: 340px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg05.jpg");background-repeat: no-repeat;}
.sub_con .bg6 {height: 340px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg07.jpg");background-repeat: no-repeat;}

/* index- content */
/*  sub layout */
.sub_menu{}
.sub_menu ul.lnb{width: 100% !important}
.sub_menu ul.lnb li{}
.sub_menu ul.lnb li a{}
.sub_menu ul.lnb li a.curt{}


#sub_content {position: relative;width: 100%;height: 100%;min-height: 600px;max-width: 100%;padding: 20px 10px;margin: 0 auto;}
#sub_content .container{min-width: 100%;padding: 0;}
#sub_content .page-header {margin: 0 0 10px 0;padding-top: 30px;clear: both;border-bottom: 0;text-align: center;}
#sub_content .page-header span{}
#sub_content .page-header h1 {font-size: 33px;font-weight: 600;text-align: center;color: #2b2b2b;}
#sub_content .page-header .sm_txt{font-size:23px;color:#504f4f;text-align:center}
#sub_content .page-header small {font-size: 15px;padding-left: 12px;}
#sub_content .page-header h4{color:#504f4f;font-size:35px;text-align:center;padding-top:50px}
#sub_content .page-header h4.sm_tit{font-size: 24px;color: #504f4f;padding-top: 10px;}
#sub_content .page-header p{text-align: center;font-size: 18px;color: #504f4f;margin: 10px;}
#sub_content .con_area{padding: 10px}
#sub_content .con_area img{display: block;width: 100%}
#sub_content .con_area .root_daum_roughmap{width: 100% !important;}
#sub_content .con_area .map_info{margin: 50px 0;}
#sub_content .con_area .map_info h3.tit{font-size: 21px;color: #000;}
#sub_content .con_area .con_tit h1{font-size:40px;font-weight: 600;color:#333;text-align:center;margin: 50px 0;}
#sub_content .con_area .con_tit h1 .sb_tit{font-weight:100}
table.tb_map{display: table;width: 100%;border-top: 2px solid #000; border-collapse: inherit;}
table.tb_map tbody th{background: #f5f5f5;color:#000;text-align: center;font-size: 15px;padding: 10px 30px;font-weight: 500;border-top: 2px solid #fff;border-bottom: 1px solid #eeeeee;}
table.tb_map tbody td{border-bottom: 1px solid #eeeeee;border-left: 2px solid #fff;font-size: 15px;padding: 10px;}
table.tb_map tbody td span{display: block;}
.board_area{margin-bottom: 70px;}
.board_area .subj{padding: 60px 0;}
.board_area .subj .page_txt{font-size: 22px;color: #060606;font-weight: 100;text-align: center;}
.board_area .board_con{}
.board_area .board_con ul.info_m{}
.board_area .board_con ul.info_m li{}
.board_area .board_con .msg{margin-bottom: 50px;}
.board_area .board_con .msg .m_tit{}
.board_area .board_con .msg .m_tit .num{display: inline-block;width: 35px;height: 35px;background: #148d04;color: #fff;text-align: center;border-radius: 20px;font-size: 20px;font-weight: 600;padding-top: 2px;}
.board_area .board_con .msg .m_tit .msg_subj{font-size: 18px;color: #2a2a2a;font-weight: 600;margin-left: 5px;}
.board_area .board_con .msg .msg_txt{font-size: 16px;color: #2a2a2a;margin-top: 10px;margin-left: 15px;}
.board_area .board_con .msg .msg_txt p{position: relative;padding-left: 15px;}
.board_area .board_con .msg .msg_txt p:before{content:'';position: absolute;top: 12px;left: 9px;width: 4px;height: 4px;background:#000;margin-left: -5px;margin-right: 5px;}
.board_area .board_con h2.w_tit{font-size: 22px;color: #0d6102;margin-top: 0;margin-bottom: 15px;font-weight: 600;}
.cl_area { position:relative;border:1px solid #ccc }
.cl_area:hover .pop { display:block }
.pop { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(47, 159, 171, 0.2); text-align:center; z-index:3 }
.pop .area {position:relative;top: 41%;}
.pop .area img{width: auto;height: auto !important}
.pop .tit { font-size:1.4rem; padding:12px 0 }
.pop { color:#fff }
.color_b{color:#1b50b8}

#bo_v{/* height: 460px; */}
#bo_v_atc{/* min-height: 220px !important; */}
.gall_row .col-gn-3 {/* width: 50% !important; */}
#bo_gall .gall_text_href span{font-size:18px !important}
#bo_v_con iframe{width:100%;/* height: auto !important; */}

/* footer */
.footer {margin-top: 0;background-color: #1b1b1b;position: relative;padding: 20px;clear: both;}
.footer .footer-top{position: relative;display: inline-block;width: 100%;text-align: center;margin: 20px 0;}
.footer .container{position:relative;width:100%;min-width: 320px;}
.footer .footer-top a{display: inline-block;width: auto;margin: 0 auto;}
.footer .footer-top a img{display: block;width: 100%;}
.footer .footer-bottom .footer-info{}
.footer address br{display: none;height:0;line-height: 0;font-size: 0;}
.footer address span{font-size: 13px;letter-spacing: -.5px;}
.footer address span.info-divider{margin: 0 5px;}
.footer address span.info-divider.f_mo{display:none}
.footer address span.fname{display: block;line-height: 13px;}
.footer .footer-bottom .footer_info p.copyright{}
.footer .footer-bottom .col-sm-8, .footer .footer-bottom .col-sm-4{display: block;width:100%;}
.footer .footer-bottom .ba_area{position: relative;width: 100%;margin: 50px 0;margin-bottom: 10px;text-align: center;}
.footer .footer-bottom .ba_area ul{display: inline-block;width: auto;overflow: hidden;}
.footer .footer-bottom .ba_area ul li{display: table-cell;}
.footer .footer-bottom .ba_area ul li a{}
.footer .footer-bottom .ba_area ul li a img{}
}

@media (max-width: 767px) {    
.v_pc{display:none !important}
.v_mo{display:block !important}
/* header */
.header-line {height: 2px;background-color: #EF7500;position: absolute;}
.navbar-nav {padding-top: 13px;}
.subcon .navbar-brand {display: inline-block;background: url('/theme/trp/img/m_logo.png') no-repeat center center;width: 160px;height: 30px;background-size: 100%;padding-top: 40px;}
.navbar-sub .navbar-brand {float: left;padding: 26px 15px;background: url('/theme/trp/img/main/logo-sub.png') no-repeat center center;width: 146px;height: 32px;background-color: transparent;padding-top: 50px;}
.affix .navbar-brand {float: left;padding: 26px 15px;background: url('/theme/trp/img/logo.png') no-repeat center center;width: 146px;height: 32px;padding-top: 50px;}
.sidebar-offcanvas {display: block;}
.navbar-wrapper{position: relative;width: 100%;}
.navbar-default {height: 70px;border-bottom: 1px solid #ccc;background: #fff;}
.navbar-default .container{width: 100%;padding: 0 10px;}
.navbar-default .container .navbar-header{padding-left: 15px;padding-right: 0;height: 70px;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.open>a {background-image: -webkit-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);background-image: -o-linear-gradient(top, #dbdbdb 0, #e2e2e2 100%);background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%);filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);background-repeat: repeat-x;-webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);box-shadow:}
.navbar-toggle {margin-top: 13px;padding: 8px 0;margin-right: 0 !important;}
.navbar-default.navbar-sub {border-bottom: 0;background-color: rgba(255, 255, 255, 0.9);z-index: 4;transition: 0.5s;}
.navbar-default.navbar-sub.affix {border-bottom: 1px #e6e6e6 solid;}
.navbar-default.navbar-sub.affix-top {background:#000;opacity: 0.4}
.navbar-sub .gnb .navi li a {color: #000;}
.navbar-sub .gnb .navi li a:hover {text-decoration: none;color: #1b50b8;}
.navbar-sub .snb_wrap {background-color: rgba(0, 0, 0, 0.6);}
.navbar-sub .snb_wrap .snb ul li > ul > li a {color: #e0e0e0;}

.row-offcanvas{padding-top: 60px;}
.sub_con {position: relative;width: 100%;height: 200px;margin: 0;overflow: hidden;}
.sub_con .bg,.sub_con .bg1,.sub_con .bg2,.sub_con .bg3,.sub_con .bg4,.sub_con .bg5,.sub_con .bg6 {position: relative;}
.sub_con .bg,.sub_con .bg1,.sub_con .bg2,.sub_con .bg3,.sub_con .bg4,.sub_con .bg5,.sub_con .bg6{padding: 0;margin: 0;}
.sub_con .bg,.sub_con .bg1,.sub_con .bg2,.sub_con .bg3,.sub_con .bg4,.sub_con .bg5,.sub_con .bg6 {position: absolute;left: 0;top: 0;width: 100%;background-repeat: no-repeat;text-align: center;}
.sub_con .bg .cont,.sub_con .bg1 .cont,.sub_con .bg2 .cont,.sub_con .bg3 .cont,.sub_con .bg4 .cont,.sub_con .bg5 .cont,.sub_con .bg6 .cont {top: 22%;position: relative;z-index: 1;}
.sub_con .bg .cont h1,.sub_con .bg1 .cont h1,.sub_con .bg2 .cont h1,.sub_con .bg3 .cont h1,.sub_con .bg4 .cont h1,.sub_con .bg5 .cont h1,.sub_con .bg6 .cont h1 {font-size: 34px;font-weight: 600;color: #fff;font-family: 'Noto Sans KR', sans-serif;}
.sub_con .bg .cont p,.sub_con .bg1 .cont p,.sub_con .bg2 .cont p,.sub_con .bg3 .cont p,.sub_con .bg4 .cont p,.sub_con .bg5 .cont p,.sub_con .bg6 .cont p {font-size: 18px;font-weight: 100;padding-top: 0px;letter-spacing: -.5px;color: #fff;}
.sub_con .bg,.sub_con .bg1,.sub_con .bg2,.sub_con .bg3,.sub_con .bg4,.sub_con .bg5,.sub_con .bg6 {height: 340px;}
.sub_con .cont h1{font-size:50px;}
.sub_con .overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0);}
.sub_con .bg {height: 200px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg01.jpg");background-repeat: no-repeat;}
.sub_con .bg1 {height: 200px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg01.jpg");background-repeat: no-repeat;background-size: 250% 100%;}
.sub_con .bg2 {height: 200px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg02.jpg");background-repeat: no-repeat;background-size: 250% 100%;}
.sub_con .bg3 {height: 200px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg03.jpg");background-repeat: no-repeat;background-size: 250% 100%;}
.sub_con .bg4 {height: 200px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg04.jpg");background-repeat: no-repeat;background-size: 250% 100%;}
.sub_con .bg5 {height: 200px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg05.jpg");background-repeat: no-repeat;background-size: 250% 100%;}
.sub_con .bg6 {height: 200px;background-position: 50% 50%;background-image: url("/theme/trp/img/sub_bg07.jpg");background-repeat: no-repeat;background-size: 250% 100%;}

/* index- content */

/*  sub layout */
.sub_menu{display: none;}
.sub_menu ul.lnb{width: 100% !important}
.sub_menu ul.lnb li{}
.sub_menu ul.lnb li a{font-size: 16px;}
.sub_menu ul.lnb li a.curt{}

#sub_content {position: relative;width: 100%;height: 100%;min-height: 600px;max-width: 100%;padding: 20px 10px;margin: 0 auto;}
#sub_content .container{min-width: 100%;padding: 0;}
#sub_content .page-header {margin: 0 0 10px 0;padding: 10px 33px;clear: both;border-bottom: 0;text-align: center;}
#sub_content .page-header span{display: inline-block;font-size: 18px;font-weight: 100;}
#sub_content .page-header h1 {font-size: 28px;font-weight: 600;text-align: center;color: #2b2b2b;margin-bottom: 30px;}
#sub_content .page-header .sm_txt{font-size:23px;color:#504f4f;text-align:center}
#sub_content .page-header small {font-size: 15px;padding-left: 12px;}
#sub_content .page-header h4{color:#504f4f;font-size:35px;text-align:center;padding-top:50px}
#sub_content .page-header h4.sm_tit{font-size: 24px;color: #504f4f;padding-top: 10px;}
#sub_content .page-header p{text-align: center;font-size: 18px;color: #504f4f;margin: 10px;}
#sub_content .con_area{padding: 10px;margin-bottom: 40px;}
#sub_content .con_area img{display: block;width: 100%}
#sub_content .con_area .root_daum_roughmap{width: 100% !important;}
#sub_content .con_area .map_info{margin: 30px 0;}
#sub_content .con_area .map_info h3.tit{font-size: 18px;color: #000;}
#sub_content .con_area .con_tit h1{font-size: 28px;font-weight: bold;color:#333;text-align:center;margin: 10px 0;}
#sub_content .con_area .con_tit h1 .sb_tit{display: block;font-weight:100;margin-top: 5px;}
table.tb_map{display: table;width: 100%;border-top: 2px solid #000; border-collapse: inherit;}
table.tb_map tbody th{width: 20%;background: #f5f5f5;color:#000;text-align: center;font-size: 14px;padding: 10px 5px;font-weight: 500;border-top: 2px solid #fff;border-bottom: 1px solid #eeeeee;}
table.tb_map tbody td{border-bottom: 1px solid #eeeeee;border-left: 2px solid #fff;font-size: 15px;padding: 10px;}
table.tb_map tbody td span{display: block;font-size: 13px;line-height: 16px;margin-bottom: 4px;}
.board_area{margin-bottom: 70px;}
.board_area .subj{padding: 30px 0;}
.board_area .subj .page_txt{font-size: 18px;color: #060606;font-weight: 100;text-align: center;}
.board_area .board_con{}
.board_area .board_con ul.info_m{}
.board_area .board_con ul.info_m li{}
.board_area .board_con .msg{margin-bottom: 30px;}
.board_area .board_con .msg .m_tit{}
.board_area .board_con .msg .m_tit .num{display: inline-block;width: 25px;height: 25px;background: #148d04;color: #fff;text-align: center;border-radius: 15px;font-size: 14px;font-weight: 600;padding-top: 0px;}
.board_area .board_con .msg .m_tit .msg_subj{font-size: 16px;color: #2a2a2a;font-weight: 600;margin-left: 5px;}
.board_area .board_con .msg .msg_txt{font-size: 16px;color: #2a2a2a;margin-top: 10px;margin-left: 15px;}
.board_area .board_con .msg .msg_txt p{position: relative;padding-left: 15px;font-size: 13px;line-height: 16px;}
.board_area .board_con .msg .msg_txt p:before{content:'';position: absolute;top: 6px;left: 9px;width: 4px;height: 4px;background:#000;margin-left: -5px;margin-right: 5px;}
.board_area .board_con h2.w_tit{font-size: 22px;color: #0d6102;padding-top: 15px;margin-bottom: 15px;font-weight: 600;}
.cl_area { position:relative;border:1px solid #ccc }
.cl_area:hover .pop { display:block }
.pop { display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-color: rgba(47, 159, 171, 0.2); text-align:center; z-index:3 }
.pop .area {position:relative;top: 41%;}
.pop .area img{width: 51px;max-width: 51px !important;height: auto !important;}
.pop .tit { font-size:1.4rem; padding:12px 0 }
.pop { color:#fff }

#bo_v{height: 285px;padding-top: 20px;}
#bo_v_atc{min-height: 220px !important;}
.gall_row .col-gn-3 {width: 100% !important;}
#bo_gall .gall_img .youtube{display:block;width:100%}
#bo_gall .gall_img .youtube img{width: 100% !important;height: auto !important;}
#bo_gall .gall_text_href span{font-size:18px !important}
#bo_v_con iframe{width:100%;height: auto !important;}
.mfp-close {width: 61px;height: 60px;line-height: 36px;position: absolute;right: -8px;top: -7px;text-decoration: none;text-align: center;opacity: 0.65;padding: 0 0 18px 10px;color: #FFF;font-style: normal;font-size: 45px;font-family: Baskerville, monospace;font-weight: 100;}
.mfp-close:hover, .mfp-close:focus {opacity: 1; }
.mfp-close:active { top: 1px;}

/* footer */
.footer {margin-top: 0;background-color: #1b1b1b;position: relative;padding: 20px;clear: both;}
.footer .footer-top{position: relative;display: inline-block;width: 100%;text-align: center;margin: 20px 0;}
.footer .container{position:relative;width:100%;min-width: 320px;}
.footer .footer-top a{display: inline-block;width: auto;margin: 0 auto;}
.footer .footer-top a img{display: block;width: 100%;}
.footer .footer-bottom .footer-info{}
.footer address br{display: none;height:0;line-height: 0;font-size: 0;}
.footer address span{font-size: 13px;letter-spacing: -.5px;}
.footer address span.info-divider{margin: 0 5px;}
.footer address span.info-divider.f_mo{display:none}
.footer address span.fname{display: block;line-height: 13px;}
.footer .footer-bottom .col-sm-8,.footer .footer-bottom .col-sm-4{width:100%}
.footer .footer-bottom .footer_info p.copyright{}
.footer .footer-bottom .ba_area{position: relative;width: 100%;margin: 50px 0;margin-bottom: 10px;text-align: center;}
.footer .footer-bottom .ba_area ul{display: inline-block;width: auto;overflow: hidden;}
.footer .footer-bottom .ba_area ul li{display: table-cell;}
.footer .footer-bottom .ba_area ul li a{}
.footer .footer-bottom .ba_area ul li a img{}
}