@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://hangeul.pstatic.net/hangeul_static/css/nanum-square.css);
@import url(https://fonts.googleapis.com/earlyaccess/nanumpenscript.css);


*{ box-sizing:border-box; }

.nanumpenscript {
    font-family: 'Nanum Pen Script', cursive;
}

body {
    margin: 0;
    padding: 0;
    font-size: 0.75em;
    font-family: 'NanumSquare', dotum, sans-serif;
    background: #fff;
    word-break:keep-all;
}
p { word-break:keep-all; }

.web {display:block;}
.mobile {display:none;}
.flex { display:flex; flex-wrap: wrap; }
.jcc { justify-content: center;}
.jcse {justify-content: space-evenly;}
.jcsb {justify-content: space-between;}
.jcfe {justify-content: flex-end;}
.aic { align-items:center; }
.text-center { text-align:center; }

.img-responsive { display: block; max-width:100%; height:auto; }
.h1{ font-size:55px; }
.h3{ font-size:35px; }
.h5{ font-size:25px; }
.h6{ font-size:20px; }
.h7{ font-size:16px; }
.h8{ font-size:14px; }
.lh15 { line-height:1.5em; }
.lh18 { line-height:1.8em; }
.lh2 { line-height:2em; }
.lh25 { line-height:2.5em;}
.b { font-weight:bold; }
.ttuc { text-transform: uppercase;}
.text-center { text-align:center !important; }
.text-red { color:#ff0000; }
.text-yellow { color:#f7e950; }
.text-white { color:#fff !important; }
.space { padding-top:40px; }
.section_title { text-align:center; font-size:30px; color:#f39804; font-weight:bold; margin-top:30px; margin-bottom:80px; }
.fs23{ font-size:23px; }
.nn-font-light { font-family: 'NanumSquareNeoLight'; }
.nn-font-bold { font-family: 'NanumSquareNeoBold'; }
.nn-font-exbold { font-family: 'NanumSquareNeoExtraBold'; }
.nn-font-heavy { font-family: 'NanumSquareNeoHeavy'; }

/* layout*/
#hd {background:transparent;}
#tnb { border-bottom:0; }
#tnb .inner { display:flex; justify-content: space-between; align-items: center; position:relative; }
#tnb .inner #hd_qnb { z-index: 1; }
#tnb .inner #hd_qnb.active { display: block !important; }
#tnb .inner #hd_qnb li { border-right:0; margin-left:30px; }
#tnb .inner #hd_qnb li a { font-size: 18px; font-weight:bold; line-height:1.2em; color:#000; }
#tnb .inner #hd_qnb li a:hover, #tnb .inner #hd_qnb li a.active { color:#1254c1; }
#tnb .inner #logo { padding:15px 0; }
#tnb .inner #menu_btn { font-size:25px; }
#tnb .inner { width:100%;  padding:0 15px; }
#hd_pop, #hd_wrapper, #gnb .gnb_wrap, #container_wr, #ft_wr {width:1340px;}


#container { width:100%; float:none; }

#ft { background:#fff; border-top:1px solid #d9d9d9; padding:30px 15px; }
#ft_copy { border:0; font-size:15px; color:#3d3d3d; }
#ft_info { padding-top:20px; }
#ft_center { font-size: 27px; font-weight:bold; line-height:1em; color:#000000; }
#ft_snsBox li { margin:0 10px; }


/* 메인페이지 */
#mainTopBanner { display:block; width:100%; height:auto; position:relative; }
#mainTopBanner .mainTitleText { position:absolute; transform:translate(-50%, -50%); top:50%; left:50%; z-index: 10;}
#mainTopBanner .mainTitleText .mainText { font-size:30px; line-height:1.2em; font-weight:400; color:#fff; text-align:center; margin-bottom:20px; }
#mainTopBanner .mainTitleText .mainTitle { font-family: 'NanumSquareNeoLight'; font-size:75px; line-height:125px; font-weight:300; color:#fff; text-align:center; border-top:1px solid rgba(255, 255, 255, 0.4); border-bottom:1px solid rgba(255, 255, 255, 0.4); white-space: nowrap; }
#mainTopBanner .mainTitleText .mainTitle span { font-weight:400; }
#mainTopBanner .main_slider_rail {}
#mainTopBanner .main_slider_rail .slider_img div { background-size:cover; background-position:center; background-repeat:no-repeat; }
#mainTopBanner .main_slider_rail .slider_img.main_slider_img_01 div{ background-image:url('../img/custom/main_slide_img_01.jpg'); }
#mainTopBanner .main_slider_rail .slider_img.main_slider_img_02 div { background-image:url('../img/custom/main_slide_img_02.jpg'); }
#mainTopBanner .main_slider_rail .slider_img.main_slider_img_03 div { background-image:url('../img/custom/main_slide_img_03.jpg'); }
#mainTopBanner .main_slider_rail .slider_img div { padding-top:48.25%; }
#mainTopBanner .main_slider_rail .slick-dots { position:absolute; left:50%; bottom:30%; z-index: 10; width:auto; height:auto; transform:translate(-50%, -50%); }
#mainTopBanner .main_slider_rail .slick-dots li {}
#mainTopBanner .main_slider_rail .slick-dots li button {  }
#mainTopBanner .main_slider_rail .slick-dots li button::before { content:'\25CB'; opacity: 1; color:#fff; font-size:20px; }
#mainTopBanner .main_slider_rail .slick-dots li.slick-active button::before { content:'\25CF'; }


#section1 { padding:50px 0;}
#section1 .section_title_text { text-align:center; margin-bottom:80px; }
#section1 .section_tit { font-size:30px; font-weight:bold; color:#013861; line-height:1.5em; }
#section1 .section_txt { font-size:18px; font-weight:400; color:#504f4f; line-height:1.5em; }
#section1 .box_group { gap:0; flex-wrap:wrap; }
#section1 .box_group .box { flex:1; padding:0; width:25%; }
#section1 .box_group .box .main_cont_box_inner { position:relative; padding-top:138.45%; background-repeat: no-repeat; background-size:cover; background-position:center;}
#section1 .box_group .box.main_cont_01 .main_cont_box_inner { background-image:url('../img/custom/main_cont_img_01.jpg'); }
#section1 .box_group .box.main_cont_02 .main_cont_box_inner { background-image:url('../img/custom/main_cont_img_02.jpg'); }
#section1 .box_group .box.main_cont_03 .main_cont_box_inner { background-image:url('../img/custom/main_cont_img_03.jpg'); }
#section1 .box_group .box.main_cont_04 .main_cont_box_inner { background-image:url('../img/custom/main_cont_img_04.jpg'); }
#section1 .box_group .box .txt_box { position:absolute; left:50%; top:20%; width:100%; transform:translate(-50%, -50%); }
#section1 .box_group .box .txt_box .tit_box { font-size:22px; font-weight:bold; line-height:2.0em; color:#000; white-space: nowrap; }
#section1 .box_group .box .txt_box .sub_box { padding:0 40px; font-size:16px; font-weight:400; line-height:1.5em; }

#section2 { padding:40px 0;}
#section2 .section_title_text { text-align:center; margin-bottom:80px; }
#section2 .section_tit { font-size:30px; font-weight:bold; color:#013861; line-height:1.5em; }
#section2 .section_txt { font-size:18px; font-weight:400; color:#504f4f; line-height:1.5em; }
#section2 .box_group {  }
#section2 .box_group .box { width:100%; }
#section2 .box_group .box.blue_bg { background:#1a7ec4; }
#section2 .box_group .box.img_bg { background-image: url('../img/custom/main_cont_bg.jpg'); background-repeat:no-repeat; background-size:cover; background-position:center; }
#section2 .box_group .box .left_box { width:100%; height:auto; margin:0 0 0 auto; padding:30px 25px; }
#section2 .box_group .box .right_box { width:100%; height:auto; margin:0 auto 0 0; padding:30px 25px; }

#section2 .box_group .box .left_box .clinic_guide { color:#fff; font-size:30px; font-weight:400; }
#section2 .box_group .box .left_box .clinic_tel {margin:30px 0;}
#section2 .box_group .box .left_box .clinic_info {}
#section2 .box_group .box .left_box .clinic_info ul {}
#section2 .box_group .box .left_box .clinic_info ul li { color:#fff; font-size:18px; font-weight:400; line-height:2.5em; border-bottom: 1px solid rgba(255, 255, 255, 0.4) }

#section2 .box_group .box .right_box .dentistry_guide { color:#fff; font-size:30px; font-weight:400; }
#section2 .box_group .box .right_box .dentistry_link_group { display:flex; flex-wrap:wrap; gap:20px; padding-top:30px; }
#section2 .box_group .box .right_box .dentistry_link_group .page_btn { border:2px solid #e3e3e3; border-radius:20px; padding:20px; width:152px; }
#section2 .box_group .box .right_box .dentistry_link_group .page_btn:hover { border-color:#00aedd; background:#00aedd; }
#section2 .box_group .box .right_box .dentistry_link_group .page_btn .page_btn_icon { margin-bottom:30px; }
#section2 .box_group .box .right_box .dentistry_link_group .page_btn .page_btn_text { font-size:20px; color:#fff; font-weight:400; text-align:center; }

/* 서브 페이지 공통 값 */
#topBanner { width:100%; height:auto; padding-top:30%; background-size:cover !important; }
#topBanner.about { background:url('../img/custom/sub_about_bg.jpg') no-repeat center bottom; }
#topBanner.guide { background:url('../img/custom/sub_guide_bg.jpg') no-repeat center bottom; }
#topBanner.subject { background:url('../img/custom/sub_main_bg.jpg') no-repeat center bottom; }
#topBanner.program { background:url('../img/custom/sub_program_bg.jpg') no-repeat center bottom; }
#topBanner.location { background:url('../img/custom/sub_location_bg.jpg') no-repeat center bottom; }
#topBanner.free { background:url('../img/custom/sub_free_bg.jpg') no-repeat center bottom; }

#section { padding:45px 0; }
#section.topLess { padding-top:0; }
#section .introTop { padding-top:20px; padding-bottom:40px; font-weight:600; text-align: center; font-weight:bold; }
#section .introHr { display:block; width:100%; height:1px; border:0; background:#d9d9d9; margin-bottom:40px; }
#section .contentTitle { line-height:2em; }
#section .content { line-height:1.8em; font-size:16px;  }

/* Table Design */
/* .guide #section .table-responsive { width:100%; height:auto; overflow:hidden; }
.guide #section .table-responsive .table { width:100%; height:auto; } */
#section .table-responsive .table tr {}
#section .table-responsive .table tr td {  }
#section .table-responsive .table tr th { background:#f5f7f9; }
#section .table-responsive .table tr * { border-left:1px solid #d1d4d8; border-bottom:1px solid #d1d4d8; text-align:center; font-size:15px; line-height:2em; font-weight:400; }
#section .table-responsive .table tr *:last-child { border-right:1px solid #d1d4d8; }
#section .table-responsive .table thead tr th { border-top:3px solid #0e61b0; }

/* 병원소개 */
.about #section .introContent { background:url('../img/custom/sub1_intro_img.jpg') no-repeat right bottom; }
.about #section .introFooter { padding-top:50px; }
.about #section .introFooter img { margin:0 0 0 auto; }
.about #section .profile, 
.about #section .career { width:49% }
.about #section .profile .title, 
.about #section .career .title{ width:100%; height:auto; background:#e0e0e0; color:#000; font-size:20px; padding:20px;}
.about #section .detail { padding:30px 20px; }
.about #section .detail .subj { font-weight:bold; width:30%; }
.about #section .detail .cont { width:100%; }
.about #section .detail .subj, 
.about #section .detail .cont { line-height:2.5em; font-size:20px; }

/* 진료안내 */
.guide #section {}
.guide #section .flex .box { flex:1; }
.guide #section .clinic_box { background:#1a7ec4; padding:50px 0; }
.guide #section .clinic_inner { display:block; width:80%; height:auto; margin:0 auto; }
.guide #section .clinic_tel { margin:30px 0; }
.guide #section .clinic_info { font-size:20px; color:#fff; }
.guide #section .clinic_info li { width:100%; height:auto; border-bottom:1px solid rgba(255,255,255,0.4); font-size:25px; color:#fff; line-height:3em; }
.guide #section .clinic_reservation { font-size:25px; font-weight:bold; color:#fff; line-height:3em; }

/* 진료과목 */
.subject #section {}
#section .side_menu {}
#section .side_menu .btn_case { width:20%; padding:0 20px; }
#section .side_menu .btn_case a { display:block; width:100%; height:auto; border: 1px solid #a8a8a8; border-radius: 20px; line-height: 39px; font-size: 17px; color: #666666; text-align: center; margin-bottom: 12px; cursor:pointer; }
#section .side_menu .btn_case a.on { border: 1px solid #2875e8; background: #2875e8; color: #fff; }
#section .side_menu {}
#section .side_menu {}
#section #milchak { width: 100%; height: 30px; font-size: 17px; }
#section .content {}
#section .content .case_box { display: none;; }
#section .content .case_box .box_title { color:#007eff; font-weight:bold; font-size:18px; padding-bottom:20px; padding-top:40px; }
#section .content .case_box .box_content { font-weight:400; font-size:15px; padding-bottom:40px; }
#section .content .case_box .sym_guide { background:#f8f8f8; padding:50px 40px; }
#section .content .case_box .sym_guide .sym_title { font-weight:bold; color:#141414; font-size:15px; padding-bottom:20px; }
#section .content .case_box .sym_guide .sym_sub_title { font-size:18px; font-weight:bold; color:#141414; padding-bottom:10px; }
#section .content .case_box .sym_guide .sym_sub_content { font-size:15px; font-weight:400; padding-bottom:40px; }

/* 진료 프로그램 */
.program #section {}
.program #section .box1 { width:50%; }
.program #section .box2 { width:35%; }
.program #section .department-background { background-image:url("../img/custom/sub_03_cont_bg.jpg"); background-size:cover; background-repeat:no-repeat; background-position:center; }
.program #section .department-item { width:50%; padding:0 50px 40px; }
/*
.program #section .department-item { width:50%; padding:0 50px 40px; background-size:cover; background-repeat:no-repeat; background-position:center; }
.program #section .department-item.item_01 { background-image:url("../img/custom/sub_03_cont_bg_01.jpg"); }
.program #section .department-item.item_02 { background-image:url("../img/custom/sub_03_cont_bg_02.jpg"); }
*/
.program #section .department-item .department-title { color:#f7e950; font-size:32px; font-weight:bold; line-height:2em; text-align:center; margin-top:50px; margin-bottom:20px; }
.program #section .department-item .department-title span { font-size:25px; }
.program #section .department-item .department-content { color:#fff; font-size:21px; line-height:2em; }

.program .implant-image { width:40%; height:auto; background-repeat:no-repeat; background-size:cover; background-position:center;}
.program .implant-image.implant-img-01 { background-image:url("../img/custom/sub_03_cont_01_img.jpg"); }
.program .implant-image.implant-img-02 { background-image:url("../img/custom/sub_03_cont_02_img.jpg"); }
.program .implant-image.implant-img-03 { background-image:url("../img/custom/sub_03_cont_03_img.jpg"); }
.program .implant-image.implant-img-04 { background-image:url("../img/custom/sub_03_cont_04_img.jpg"); }
.program .implant-info { min-height:600px; flex:1; display:flex; flex-direction: column; justify-content: center; padding:30px 50px; }
.program .implant-info .implant-title { font-size:30px; color:#183da6; font-weight:bold; line-height:2em; }
.program .implant-info .implant-text { font-size:23px; color:#4b4b4b; line-height:2em; }
.program .implant .flex { border:1px solid #9d9d9d; }


.program #section .side_clinic_img { width:40%; }
.program #section .side_clinic_info { width:60%; background:#0f1a43; padding:20px; display:flex; flex-direction: column; justify-content: center; }
.program #section .side_clinic_info > div { padding:20px 0; }
.program #section .side_clinic_info .sclinic_title { color:#ffd200; padding-bottom:15px; font-size:20px; }
.program #section .side_clinic_info .sclinic_title span { display:inline-block; background:#ffa200; color:#fff; font-weight:bold; padding:0 5px; margin-right:10px; }
.program #section .side_clinic_info .sclinic_text { font-size:17px; color:#fff; line-height:1.5em;}

/* 오시는길 */
.location #section {}
.location #section .c_map { z-index:0; }
.location #section .c_map .d_map { width:100%; height:510px; }
.location #section .c_addr { width:100%; height:auto; margin:0 auto; padding:40px 20px; background:#cfd826; color:#fff; z-index: 1; position:relative; }
.location #section .c_addr .comp_name { width:30%; font-size:23px; font-weight:bold; text-align:center; line-height:61px; border-right:1px solid #fff; }
.location #section .c_addr .comp_info { width:70%; padding-left:20px; font-size:16px; font-weight:500; }
.location #section .c_addr .comp_info b { font-size:21px; }

/* 계시판 설정 */
.boardItem { width:100%; border:1px solid #dedede; background:#f6f7f9; padding:20px; margin-bottom:20px; }
.boardItem li { padding:20px; line-height:40px; }
.boardItem li a, .boardItem li a:hover { text-decoration:none; }
.boardItem li:nth-child(1) { width:10%; font-size:30px; color:#002973; text-align:center; border-right:1px solid #dedee0; }
.boardItem li:nth-child(2) { width:75%; font-size:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.boardItem li:nth-child(3) { width:15%; font-size:20px; }
.pg_wrap { display: block; float: none; text-align: center ;}
.pg_current { background:#3c55d3; }
.pg_page { background-color:#fff; border:1px solid #dddddd; } 
.promiceWr { width:auto !important; }
.promiceWr a { display:block; background:#3c55d3; color:#fff; padding:25px 35px; text-align:center; line-height:1em; font-size:20px; font-weight:bold; border-radius:20px; }
.btn_bo_user { width:100%; }
.btn_bo_user li { width: auto !important;; float: none !important; }
#wr_password { margin: 0 !important; }
.bw_tit { font-size:16px; font-weight:bold; margin-top:25px; margin-bottom:15px; }
.bw_tit span { color:#ff0000; }

.gall_box {}
.gall_box .gall_con { border:1px solid #dedede; padding:20px; }
.gall_box .gall_con .gall_img { height:356px; }
.gall_box .gall_con .gall_img .gall_img_box { display:block; width:100%; height:100%; }
.short_line { display:block; width:36px; height:3px; background:#1254c1; margin-left:0; margin-right:auto; margin-top:30px; border:0;}
.more_opt.is_view_btn li { width: 90px !important; }

.mediaBox { width:33.33333%; height:auto; border:1px solid #dedede; padding:20px; margin-bottom:40px; }
.mediaBox .mediaThum { width:100%; height:0; padding-top:93.42%; position:relative; }
.mediaBox .mediaThum .mediaLink.first { background:url("../img/custom/sub3_img0.jpg") no-repeat center bottom; }
.mediaBox .mediaThum .mediaLink.second { background:url("../img/custom/sub3_img1.jpg") no-repeat center bottom; }
.mediaBox .mediaThum .mediaLink.third { background:url("../img/custom/sub3_img2.jpg") no-repeat center bottom; }
.mediaBox .mediaThum .mediaLink.fourth { background:url("../img/custom/sub3_img3.jpg") no-repeat center bottom; }
.mediaBox .mediaThum .mediaLink.fifth { background:url("../img/custom/sub3_img4.jpg") no-repeat center bottom; }
.mediaBox .mediaThum .mediaLink.sixth { background:url("../img/custom/sub3_img5.jpg") no-repeat center bottom; }

.mediaBox .mediaThum .mediaLink { position:absolute; top:0; right:0; bottom:0; left:0; background-size:cover !important; }
.mediaBox .mediaTitle { font-size:20px; font-weight:bold; padding-top:20px; }

@media all and (min-width:1600px){
    .container, #tnb .inner { width:1600px; }
    #tnb .inner { padding:0; }
    #section2 .box_group .box { width:50%; }
    #section2 .box_group .box .right_box .dentistry_link_group { gap:45px; }
    #section2 .box_group .box .right_box .dentistry_link_group .page_btn { width:206px; }
    #section2 .box_group .box .left_box { width:800px; padding:50px 40px; }
    #section2 .box_group .box .right_box { width:800px; padding:50px 40px; }
    #section2 .box_group .box .left_box .clinic_info ul li { font-size:22px; }

    #section1 .box_group .box .txt_box .tit_box { font-size:28px; }
    #section1 .box_group .box .txt_box .sub_box { font-size:18px; }

    .program #section .side_clinic_img { width:35%; }
    .program #section .side_clinic_info { width:65%; }
    .program #section .side_clinic_info > div { padding:20px 0 40px; }
    .program #section .side_clinic_info .sclinic_title { font-size:23px; }
    .program #section .side_clinic_info .sclinic_text { font-size:20px; }
}

@media all and (max-width:1340px){
    .h1{ font-size:45px; }
    .h3{ font-size:30px; }
    .h5{ font-size:22px; }
    .h6{ font-size:18px; }
    .h7{ font-size:14px; }
    .container, #tnb .inner { max-width:1600px; }

    #mainTopBanner .mainTitleText .mainText { font-size:30px; }
    #mainTopBanner .mainTitleText .mainTitle { font-size:55px; line-height:75px }
    #mainTopBanner .main_slider_rail .slick-dots {bottom:25%;}
    #mainTopBanner .main_slider_rail .slick-dots li button::before { font-size:15px; }

    #section1, #section2 { padding:40px 0;}
    #section1 .left_box { margin-bottom:15px; }
    .guide #section .clinic_tel { margin:10px 0 20px; }
    .guide #section .clinic_box { padding:20px 0; }
    .guide #section .clinic_info li { font-size:15px; }
    .guide #section .clinic_reservation { font-size:15px; }
    .program #section .department-item { width:100%; padding:25px 20px; }
    .program #section .department-item .department-title { font-size:28px; }
    .program #section .department-item .department-title span { font-size:20px; }
    .program #section .department-item .department-content { font-size:20px; }
    .program .implant-image { width:100%; padding-top:100%; }
    .program .implant-info { min-height:auto; padding:10px 20px; }
    .program .implant-info .implant-title { font-size:20px; }
    .program .implant-info .implant-text { font-size:18px; }
    .program #section .side_clinic_img { width:100%; }
    .program #section .side_clinic_info { width:100%; }
}

@media all and (max-width:1200px){
    #hd, #wrapper, #ft, #hd_pop, #hd_wrapper, #tnb .inner, #gnb .gnb_wrap, #container_wr, #ft_wr, #container, #ft_copy {width:100%; min-width:auto;}

    #section1 .box_group .box .txt_box { top:25%; }
    #section1 .box_group .box .txt_box .tit_box { font-size:18px }

}

@media all and (max-width:998px){
    #section .profile, #section .career { width:100%; }
    #section .detail .subj, #section .detail .cont { width:100%; }
    #logo { max-width:150px; padding:10px; }
    #tnb .inner #logo { padding:10px 0; }
    .web {display:none;}
    .mobile {display:block;}
    #tnb .inner #hd_qnb { width:100%; }
    #tnb .inner #hd_qnb li { width:100%; padding:15px 0; margin:0; border-top:1px solid #eeeeee; }
    #ft_snsBox li { margin:0 5px; }
    #tnb .inner #hd_qnb { position:absolute; top:100%; left:0; background:#fff; z-index: 11;}

    #mainTopBanner .mainTitleText .mainText { font-size:25px; }
    #mainTopBanner .mainTitleText .mainTitle { font-size:40px; line-height:55px; }
    #mainTopBanner .main_slider_rail .slick-dots {bottom:15%;}
    #mainTopBanner .main_slider_rail .slick-dots li button::before { font-size:10px; }

    #section2 .box_group { flex-direction: column; }
    #section1 .box_group { margin:0 -15px; }
    #section1 .box_group .box { width:50%; flex:none; }
    #section1 .box_group .box .txt_box { top:20%; }
    #section1 .box_group .box .txt_box .tit_box { font-size:16px; }
    #section1 .box_group .box .txt_box .sub_box { font-size:12px; padding:0 30px; }
    .about #section .profile, .about #section .career { width:100%; }

    #section .introContent { background:none !important; }

    .program #section .box1, .program #section .box2 { width:100%; padding:10px 0; }
    .guide #section .flex .box { flex:auto; }

    .location #section .c_map .d_map { height:310px; }
    .location #section .c_addr { padding:20px 10px; }
    .location #section .c_addr, 
    .location #section .c_addr .comp_name, 
    .location #section .c_addr .comp_info { width:100%; border:0; }
    
    .subject #section .content .case_box .sym_guide { padding:25px 20px; }

    .boardItem { padding:10px; }
    .boardItem li { padding:10px; }
    .boardItem li:nth-child(1) { width:10%; padding:10px 0; border:0; font-size:25px; }
    .boardItem li:nth-child(2) { width:90%; }
    .boardItem li:nth-child(3) { width:100%; }

    .gall_row .col-gn-3 { width: 50% !important; }
    .mediaBox { width:100% }
}

@media all and (max-width:768px){
    #mainTopBanner .mainTitleText .mainText { font-size:13px; }
    #mainTopBanner .mainTitleText .mainTitle { font-size:18px; line-height:30px }
    .gall_row .col-gn-3 { width: 100% !important; }
}

/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-up {
  0%,
	50%,
	100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
	75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-icon-up .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-up:hover .hvr-icon, .hvr-icon-up:focus .hvr-icon, .hvr-icon-up:active .hvr-icon {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}



/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
  50% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
  50% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  100% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-16px);
    transform: translateY(-16px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}