@charset "utf-8";

@media screen and (max-width:1399px){

    .contents_wrap #content.op1 { background:none; }
	.contents_wrap #content.op1.main_sp { background:none; }

	.wrap.op1 { padding:0 20px 0 20px; width:100%; }

	.gnb.navbar.op1 { padding:0 20px 12px 20px; }
	.gnb.navbar.op1 .navbar-nav > li > a { padding:25px 10px; font-size:19px; }

	.con_gnb .con1 a { width:257px; height:35px; background-size:auto 35px; }

	#ft.op1 i.op2 { display:block; width:100%; height:5px; }

	.main_visual2_c1 { padding:60px 40px 0 0; text-align:right; }
	.main_visual2_c1 i { width:235px; height:200px; background-size:auto 200px; }

	.main_cont_wrap { margin:50px 0 0 0; background:#f5f6fb; transition:all 0.3s ease; }
	.main_cont.op2 { padding:50px 0 0 0; }

	.main_dash_c2 { padding:0 30px 0 30px; }
	.main_dash_c2 .con2 ul li a { font-size:65px; }

	.main_organ2 { padding:40px 0 60px 0; }

}

@media screen and (min-width:1220px){

    .gnb.navbar { text-align:center; }
    .gnb.navbar .navbar-nav { float:none; display:inline-block; }
    .gnb.navbar .navbar-nav>li { margin-left:12px; }
    .gnb.navbar .navbar-nav>li:first-child { margin-left:0; }
    .gnb.navbar .navbar-nav>li>a { font-size:19px; color:#353535; padding:25px 15px; }
    .gnb.navbar .navbar-nav.in>li { margin-left:0px; }

    /* 학부모용 */
    .gnb.navbar.gnb_sp .navbar-nav>li { margin-left:120px; }
    .gnb.navbar.gnb_sp .navbar-nav>li:nth-of-type(1) { margin-left:0; }

    /* 관리자용 */
    #hd.sub_admin .gnb.navbar .navbar-nav { width:100%; }
    #hd.sub_admin .gnb.navbar .navbar-nav.in>li { margin-left:0; }

}

@media screen and (max-width:1219px){

    #hd,
    .contents_wrap,
    #ft,
    .wrap { min-width:0; width:100%; }

	.gnb.navbar.op1 .navbar-nav > li > a { padding:25px 9px; font-size:18px; }
	.gnb.gnb_sp.navbar.op1 .navbar-nav > li > a { padding:25px 30px; }
	.gnb.navbar.op1 .dropdown:hover .dropdown-menu { padding:8px 0 8px 0; min-width:150px; }
	.gnb.navbar.op1 .dropdown:hover .dropdown-menu li a { padding:4px 10px 4px 10px; font-size:14px; }

	.con_gnb .con1 a { margin-top:35px; width:200px; height:27px; background-size:auto 27px; }

	.main_visual2_c1 { margin:0 0 20px 0; padding:60px 30px 0 0; width:100%; height:300px; background-size:cover; }
	.main_visual2_c1 i { width:188px; height:160px; background-size:auto 160px; }
	.main_visual2_c1 h2 { font-size:19px; }
	.main_visual2_c1 h3 { font-size:38px; }
	.main_visual2_c2 { width:100%; }
	.main_visual2_c2 ul li { width:25%; }
	.main_visual2_c2 ul li a { padding:100px 0 30px 0; font-size:20px; }

	.main_visual2_c2 ul li a.link1 { background:#464cb1 url("../images/mquick_01.png") no-repeat center 20px; background-size:auto 80px; border-radius:36px 0 0 36px; }
	.main_visual2_c2 ul li a.link2 { background:#3672bf url("../images/mquick_02.png") no-repeat center 17px; background-size:auto 80px; border-radius:0 0 0 0; }
	.main_visual2_c2 ul li a.link3 { background:#3f7c77 url("../images/mquick_03.png") no-repeat center 25px; background-size:auto 60px; border-radius:0 0 0 0; }
	.main_visual2_c2 ul li a.link4 { background:#273762 url("../images/mquick_04.png") no-repeat center 15px; background-size:auto 80px; border-radius:0 36px 36px 0; }
	.main_visual2_c2 ul li a.link1:hover { background:#292e90 url("../images/mquick_01.png") no-repeat center 17px; background-size:auto 80px; }
	.main_visual2_c2 ul li a.link2:hover { background:#17519b url("../images/mquick_02.png") no-repeat center 14px; background-size:auto 80px; }
	.main_visual2_c2 ul li a.link3:hover { background:#1f5853 url("../images/mquick_03.png") no-repeat center 22px; background-size:auto 60px; }
	.main_visual2_c2 ul li a.link4:hover { background:#0f1c3d url("../images/mquick_04.png") no-repeat center 12px; background-size:auto 86px; }

	.main_visual2_c2 ul li a.link5 { background:#464cb1 url("../images/mquick_05.png") no-repeat center 20px; background-size:auto 80px; border-radius:36px 0 0 36px; }
	.main_visual2_c2 ul li a.link6 { background:#3672bf url("../images/mquick_06.png") no-repeat center 17px; background-size:auto 80px; border-radius:0 0 0 0; }
	.main_visual2_c2 ul li a.link7 { background:#3f7c77 url("../images/mquick_07.png") no-repeat center 25px; background-size:auto 60px; border-radius:0 0 0 0; }
	.main_visual2_c2 ul li a.link8 { background:#273762 url("../images/mquick_08.png") no-repeat center 15px; background-size:auto 80px; border-radius:0 36px 36px 0; }
	.main_visual2_c2 ul li a.link5:hover { background:#292e90 url("../images/mquick_05.png") no-repeat center 17px; background-size:auto 80px; }
	.main_visual2_c2 ul li a.link6:hover { background:#17519b url("../images/mquick_06.png") no-repeat center 14px; background-size:auto 80px; }
	.main_visual2_c2 ul li a.link7:hover { background:#1f5853 url("../images/mquick_07.png") no-repeat center 22px; background-size:auto 60px; }
	.main_visual2_c2 ul li a.link8:hover { background:#0f1c3d url("../images/mquick_08.png") no-repeat center 12px; background-size:auto 86px; }

	.main_dash_c { padding:20px 30px 20px 30px; }
	.main_dash_c1 h2 { font-size:15px; }
	.main_dash_c1 h3 { font-size:22px; }
	.main_dash_c1 h4 { margin:50px 0 0 0; font-size:17px; }
	.main_dash_c2 { padding:0 30px 0 40px; }
	.main_dash_c2 .con1 { width:100%; }
	.main_dash_c2 .con1 h3 { font-size:20px; }
	.main_dash_c2 .con2 { padding:20px 0 0 0; width:100%; }
	.main_dash_c2 .con2 ul li a { padding:10px 0 10px 0; font-size:63px; }
	.main_dash_c2 .con2 ul li a span { font-size:18px; }
	.main_dash_c2 .con2 ul li a:hover { border-radius:12px; }
	.main_dash_c2:last-child { padding:0 0 0 40px; }
	.main_dash_c2:last-child .con1 { width:100%; }
	.main_dash_c2:last-child .con2 { width:100%; }

	.main_cont_c h2 { padding:35px 0 20px 30px; }
	.main_cont_c .con1 { padding:10px 30px 30px 30px; }
	.main_cont_c .con1 ul li { font-size:15px; }
	.main_cont_c .con2 { padding:10px 30px 30px 30px; }
	.main_cont_c .con2 ul li a { font-size:15px; }
	.main_cont_c .con2 ul li a span { font-size:14px; }

	.main_cont_c .col1 { width:20.5%; }
	.main_cont_c .col2 { width:16%; }
	.main_cont_c .col3 { width:43%;}
	.main_cont_c .col4 { width:20.5%; }

	.main_cont_c.op1 .col1 { width:20.5%; }
	.main_cont_c.op1 .col2 { width:16%; }
	.main_cont_c.op1 .col3 { width:43%;}
	.main_cont_c.op1 .col4 { width:20.5%; }

	.main_quick2_c ul li a { padding:30px 0 60px 30px; font-size:18px; }
	.main_quick2_c ul li a.link1 { background:#ddebfa url("../images/mquick2_01.png") no-repeat right 30px bottom 25px; }
	.main_quick2_c ul li a.link2 { background:#faecdd url("../images/mquick2_02.png") no-repeat right 30px bottom 25px; }
	.main_quick2_c ul li a.link3 { background:#d9f5dd url("../images/mquick2_03.png") no-repeat right 30px bottom 25px; }
	.main_quick2_c ul li a.link4 { background:#ecddfa url("../images/mquick2_04.png") no-repeat right 30px bottom 25px; }
	.main_quick2_c ul li a.link1:hover { background:#cddef1 url("../images/mquick2_01.png") no-repeat right 30px bottom 30px; }
	.main_quick2_c ul li a.link2:hover { background:#f0dfcc url("../images/mquick2_02.png") no-repeat right 30px bottom 30px; }
	.main_quick2_c ul li a.link3:hover { background:#c7ebcc url("../images/mquick2_03.png") no-repeat right 30px bottom 30px; }
	.main_quick2_c ul li a.link4:hover { background:#decbf0 url("../images/mquick2_04.png") no-repeat right 30px bottom 30px; }

    .sub_content_wrap .contents_wrap { padding-top:50px; }

    .sub_visual { padding:65px 10px 0; }

    .bc_wrap { margin-left:0; left:0; width:100%; padding:0 10px; background-color:transparent; box-shadow:none; }
    .bc_wrap .wrap { background-color:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.1); padding:15px 20px; }

    .contents_wrap.in .lnbwrap_toggle { display:none; }
    .contents_wrap.in #lnb { width:100%; position:relative; margin-bottom:10px; }
    .contents_wrap.in #lnb h2 { width:100%; background:#1b4a9f; display:block; height:auto; padding:10px 5px; font-size:22px; margin:0; }
    .contents_wrap.in #lnb .lnb_toggle { overflow:hidden; display:block; position:absolute; width:40px; height:40px; z-index:10; top:6px; right:6px; background-color:#fff; border:1px solid #ccc; }
    .contents_wrap.in #lnb .lnb_toggle span { transition:.2s ease-out; position:absolute; width:20px; height:2px; background-color:#333; text-indent:-9999px; display:inline-block; top:19px; left:9px; }
    .contents_wrap.in #lnb .lnb_toggle span:before,
    .contents_wrap.in #lnb .lnb_toggle span:after { transition:.2s ease-out; content:""; display:inline-block; position:absolute; left:0px; width:20px; height:2px; background-color:#333; }
    .contents_wrap.in #lnb .lnb_toggle span:before { bottom:7px; }
    .contents_wrap.in #lnb .lnb_toggle span:after { top:7px; }
    .contents_wrap.in #lnb.on .lnb_toggle span { width:0; }
    .contents_wrap.in #lnb.on .lnb_toggle span:before { bottom:0px; transform:rotate(45deg); }
    .contents_wrap.in #lnb.on .lnb_toggle span:after { top:0px; transform:rotate(-45deg); }
    .contents_wrap.in #lnb .depth1 { display:none; }
    .contents_wrap.in #lnb.on .depth1 { display:block; }

    .contents_wrap.in #content { width:100%; border-left:0; }

    .overtxt,
    .overtxt.wm,
    .table th.tb_overtxt,
    .table td.tb_overtxt { max-width:100%; text-overflow:unset; white-space:unset !important; white-space:pre-wrap !important; }

    .main_visual { box-shadow:none; }
    .main_quick { width:100%; }
    .main_quick ul { width:100%; }

    .search_wrap.tin .table { width:100%; min-width:838px; }

    .search_wrap.tin .sch_detail { display:none; }
    .search_wrap.tin .sch_detail.on { display:block; }
    .search_wrap.tin .btn_detail { display:inline-block; }
    .search_wrap.tin .btn_wrap { width:100%; text-align:center; }

    .sub_admin .contents_wrap.in #content { width:100%; }
}

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

    .mobile { display:block; }
    .pc { display:none; }

	#hd .hd1 { height:100px; }
    #hd:after { content:""; position:absolute; display:inline-block; width:100%; top:40px; height:1px; background-color:#eaeaea; }
    #hd .logo { z-index:100; position:absolute; top:30px; left:0px; }
    #hd .user_info { top:10px; left:0; }
    #hd .user_info .user_blue { height:24px; line-height:24px; border-radius:5px; font-size:12px; background:#2c9ef6 url(../images/i_user.png) 10px 4px no-repeat; }
    #hd .user_info .txt { font-size:14px; line-height:24px; margin-bottom:0; }
    #hd .user_info .txt strong { font-size:14px; }
    #hd .tnb { position:absolute; top:13px; right:0; padding-top:0; }
    #hd .tnb ul > li { width:auto; padding:0 0 0 10px; border-left:1px solid #ddd; }
    #hd .tnb ul > li:first-child { border-left:0; }
    #hd .tnb ul > li > .btnc { background:none !important; padding-top:0; }
    #hd .gnb_toggle { display:block; position:absolute; top:-50px; right:0; width:40px; height:40px; border:1px solid #ddd; }
    #hd .gnb_toggle span { transition:.2s ease-out; position:absolute; top:18px; left:9px; text-indent:-9999px; display:inline-block; overflow:hidden; width:20px; height:2px; background-color:#444; }
    #hd .gnb_toggle:before,
    #hd .gnb_toggle:after { transition:.2s ease-out; content:""; display:inline-block; position:absolute; width:20px; left:9px; height:2px; background-color:#444; }
    #hd .gnb_toggle:before { top:10px; }
    #hd .gnb_toggle:after { bottom:10px; }
    #hd .gnb_toggle.on span { width:0; }
    #hd .gnb_toggle.on:before { transform:rotate(45deg); top:18px; }
    #hd .gnb_toggle.on:after { transform:rotate(-45deg); bottom:18px; }
    #hd .gnb_bg { z-index:100; position:absolute; top:100px; ; width:100%; background-color:rgba(0,0,0,0.2); }
    #hd .gnb_bg.on { display:block; }

	#hd.op1:after { content:none; }
	#hd .tnb.op1 { position:static; }
	#hd .tnb.op1 .logout dl dt { margin:0 30px 0 0; }
	#hd .tnb.op1 .logout dl dt:after { right:-18px; }
	#hd .tnb.op1 .logout dl dt.call { margin:0 20px 0 0; }

	/* 관리자 header */
    #hd.sub_admin .hd1 { height:90px; }
    #hd.sub_admin .logo { top:42px; z-index:9999; }
    #hd.sub_admin .user_info { top:10px; }
    #hd.sub_admin .tnb { top:-2px; margin-right:10px; }
    #hd.sub_admin .tnb .logout .btnc { padding:4px; font-size:14px; }

    .sub_visual { padding-top:25px; height:140px; text-align:center; }
    .sub_visual.bg06 { background:#7a96c3; }
    .sub_visual h2 { margin:0; font-size:24px; }
	.sub_visual .subtxt { font-size:16px; }

    .bc_wrap { top:100px; min-height:0; }
    .bc_wrap h3 { font-size:18px; line-height:24px; }
    .bc_wrap h3:after { bottom:6px; }
    .bc_wrap .bcn { font-size:14px; }
    .bc_wrap .bcn > li:before { margin-right:5px; }
    .bc_wrap .bcn > li > a,
    .bc_wrap .bcn > li > span { line-height:24px; }
    .bc_wrap .bcn .home { width:25px; }

    .bcn.in { font-size:14px; }
    .bcn.in > li:before { margin-right:5px; }
    .bcn.in > li > a,
    .bcn.in > li > span { line-height:24px; }
    .bcn.in .home { width:25px; }

    .sub_content_wrap .contents_wrap { padding-top:30px; }

    .contents_wrap #content { padding:15px 20px; }

    .main_contents_wrap .contents_wrap #content { margin-top:0; padding:0; }

    .form-control.w-middle { min-width:0; }
    .form-control.m-full { width:100%; }

    .table-responsive .table-responsive { padding:1px; border:0; background:#ddd; }

    .search_area { padding:0; }
    .search_area .btn_wrap { position:relative; }

}

@media screen and (max-width:1100px){

	#ft.op1 .logo { padding:60px 0 10px 0; }
	#ft.op1 .fmsite_wrap { padding-top:0; clear:both; float:initial; }
	#ft.op1 .fmsite_wrap .con1 { padding:10px 0 20px 0; }
	#ft.op1 .fmsite_wrap .con2 { position:absolute; right:20px; top:60px; }

}

@media screen and (min-width:1001px){

    .gnb.navbar .caret { display:none; }

    /* 학부모용 */
    .gnb.navbar.gnb_sp .navbar-collapse { text-align:center; }
    .gnb.navbar.gnb_sp .navbar-nav { float:none; display:inline-block; }

}

@media screen and (max-width:1000px){

    .gnb.navbar .container-fluid>.navbar-header { margin-left:0; margin-right:0; }
    .gnb.navbar .navbar-header { width:100%; float:none; }
    .gnb.navbar .navbar-toggle { display:block; margin-right:0; }
    .gnb.navbar .navbar-nav { width:100%; margin-left:0; margin-right:0; }
    .gnb.navbar .navbar-nav>li { float:none; overflow:hidden; }
    .gnb.navbar .navbar-collapse.collapse { display:none !important; padding:0; border-top:1px solid #e7e7e7; margin-left:-15px; margin-right:-15px; box-shadow:0 5px 5px rgba(0,0,0,0.2); }
    .gnb.navbar .navbar-collapse.collapse.in { display:block !important; }
    .gnb.navbar { position:absolute; top:50px; left:0; width:100%; z-index:5000; }
    .gnb.navbar .open .dropdown-menu { border-radius:0; position:relative; top:0; left:0; width:100%; box-shadow:none; background-color:#f8f8f8; border-left:0; border-right:0; border-bottom:1px solid #ddd; }

	.gnb.navbar.op1 .navbar-toggle { margin-top:12px; margin-bottom:0px; border:1px solid #999999; border-radius:8px; }
	.gnb.navbar.op1 { top:37px; border-bottom:1px solid #e2e2e2; border-radius:0px; }
	.gnb.navbar.op1 .navbar-collapse.collapse { margin:10px 0 0 0; padding:0 10px 20px 10px; }
	.gnb.navbar.op1 .navbar-nav > li > a { padding:10px 10px; font-size:16px; font-weight:700; }
	.gnb.gnb_sp.navbar.op1 .navbar-nav > li > a { padding:10px 10px; }
	.gnb.navbar.op1 .dropdown:hover .dropdown-menu { margin:0 0 15px 0; padding:5px 5px 5px 5px; background:#fafafa; border:1px solid #e2e2e2; border-radius:0 0 8px 8px; }
	.gnb.navbar.op1 .dropdown:hover .dropdown-menu li a { padding:3px 10px 3px 10px; color:#555555; font-weight:500; }

	.con_gnb .con1 { position:absolute; left:20px; top:0; }
	.con_gnb .con1 a { margin-top:13px; width:220px; height:30px; background-size:auto 30px; }
	.con_gnb .con2 { float:initial; }

	#ft.op1 .logo { padding:50px 0 10px 0; }
	#ft.op1 .fmsite_wrap .con2 { top:55px; }
	#ft.op1 .fmsite_wrap .fmsite .btnc { padding:10px 20px 10px 20px; width:190px; font-size:15px; }
	#ft.op1 .fmsite_wrap .fmsite .btnc span { top:15px; right:20px; }
	#ft.op1 .fmsite_wrap .fmsite .sitelist { padding:20px 20px 20px 20px; bottom:45px; width:190px; }
	#ft.op1 .fmsite_wrap .fmsite2 .btnc { padding:10px 20px 10px 20px; width:190px; font-size:15px; }
	#ft.op1 .fmsite_wrap .fmsite2 .btnc span { top:15px; right:20px; }
	#ft.op1 .fmsite_wrap .fmsite2 .sitelist { padding:20px 20px 20px 20px; bottom:45px; width:190px; }

	#ft.op1 .ft2 { padding:0 0 50px 0; }
	#ft.op1 i.op2 { display:inline-block; width:6px; height:1px; }

	.main_visual { background-position:70% top; }

	.main_visual2 { padding:85px 0 0 0; width:100%; }
	.main_visual2_c2 ul li a { font-size:18px; }

	.main_dash_c1 { width:100%; }
	.main_dash_c1 h4 { margin:0 0 0 0; position:absolute; right:30px; top:50px; }
	.main_dash_c2 { margin:10px 0 0 0; padding:0 30px 0 20px; width:50%; }
	.main_dash_c2 .con1 h3 { font-size:18px; }
	.main_dash_c2:last-child { padding:0 0 0 30px; }

	.main_cont { padding:40px 0 0 0; }
	.main_cont.op1 { padding:20px 0 0 0; }
	.main_cont.op2 { padding:40px 0 0 0; }
	.main_cont_c { margin:0 0 20px 0; width:100%; }
	.main_cont_c h2 { font-size:20px; }
	.main_cont_c .con1 { height:auto; }
	.main_cont_c .con2 { height:auto; }

	.main_quick2 { padding:40px 0 0 0; }
	.main_quick2_c ul li { margin:0 20px 0 0; width:calc((100% - 60px) / 4); }
	.main_quick2_c ul li a { padding:25px 0 60px 30px; font-size:17px; }
	.main_quick2_c ul li a.link1 { background:#ddebfa url("../images/mquick2_01.png") no-repeat right 25px bottom 20px; background-size:auto 30px; }
	.main_quick2_c ul li a.link2 { background:#faecdd url("../images/mquick2_02.png") no-repeat right 25px bottom 20px; background-size:auto 30px; }
	.main_quick2_c ul li a.link3 { background:#d9f5dd url("../images/mquick2_03.png") no-repeat right 25px bottom 20px; background-size:auto 30px; }
	.main_quick2_c ul li a.link4 { background:#ecddfa url("../images/mquick2_04.png") no-repeat right 25px bottom 20px; background-size:auto 30px; }
	.main_quick2_c ul li a.link1:hover { background:#cddef1 url("../images/mquick2_01.png") no-repeat right 25px bottom 22px; background-size:auto 30px; }
	.main_quick2_c ul li a.link2:hover { background:#f0dfcc url("../images/mquick2_02.png") no-repeat right 25px bottom 22px; background-size:auto 30px; }
	.main_quick2_c ul li a.link3:hover { background:#c7ebcc url("../images/mquick2_03.png") no-repeat right 25px bottom 22px; background-size:auto 30px; }
	.main_quick2_c ul li a.link4:hover { background:#decbf0 url("../images/mquick2_04.png") no-repeat right 25px bottom 22px; background-size:auto 30px; }

	.sub_content_wrap.op1 { margin:59px 0 0 0; transition:all 0.3s ease; }

    .process_wrap { padding:0; text-align:center; }
    .process_wrap .process { position:relative; display:inline-block; }
    .process_wrap.li2 { padding-left:0; }

    .ul_t1.li2 > li { float:none; width:100%; }
    .ul_t1.li3 > li { width:50%; }
    .ul_t2.li2 > li { float:none; width:100%; }
    .ul_t2.li3 > li { width:50%; }

	#con_backtop { bottom:60px; right:20px; }
	#con_backtop a { width:55px; height:55px; }

}

@media screen and (max-width:767px){

    #hd { height:auto; }
	#hd .tnb .logout dl dt.op1 { display:none; }

    #ft .logo { width:100%; float:none; text-align:center; padding:10px 0; margin-bottom:0; }
    #ft .fmsite_wrap { float:none; padding:0 0 10px; width:100%; text-align:center; }
    #ft .fmsite_wrap .fmsite { float:none; display:inline-block; margin:5px 0 0; }
    #ft .ft_quick { float:none; width:100%; text-align:center; }
    #ft .ft_quick > li { display:inline-block; float:none; }
    #ft .ft_quick > li:last-child { margin-right:0; }
    #ft .ft_copy { float:none; text-align:center; }

	#ft.op1 .logo { padding:40px 0 20px 0; }
	#ft.op1 .fmsite_wrap .con1 { width:100%; text-align:center; }
	#ft.op1 .fmsite_wrap .con2 { padding:0 0 0 calc(50% - 195px); position:static; }
	#ft.op1 .fmsite_wrap { padding:0 0 20px 0; }
	#ft.op1 .fmsite_wrap .con1 { font-size:14px; }
	#ft.op1 .fmsite_wrap .con1 i.op1 { width:8px; }
	#ft.op1 .fmsite_wrap .con1 span { font-size:17px; }
	#ft.op1 .fmsite_wrap .fmsite { margin:0 0 0 0; float:left; }
	#ft.op1 .fmsite_wrap .fmsite .btnc { padding:12px 28px 12px 28px; }
	#ft.op1 .fmsite_wrap .fmsite .sitelist { padding:18px 18px 18px 18px; }
	#ft.op1 .fmsite_wrap .fmsite2 .btnc { padding:12px 28px 12px 28px; }
	#ft.op1 .fmsite_wrap .fmsite2 .sitelist { padding:18px 18px 18px 18px; }

	#ft.op1 .ft2 { padding:0 0 40px 0; }
	#ft.op1 .ft_quick ul { display:table; margin-left:auto; margin-right:auto; }
	#ft.op1 .ft_quick > li { margin-right:20px; line-height:1.3; }
	#ft.op1 .ft_quick > li:after { right:-15px; top:7px; width:4px; height:4px; }
	#ft.op1 .ft_quick > li span { font-size:17px; }
	#ft.op1 .ft_quick > li a { font-size:14px; }
	#ft.op1 i.op1 { display:inline-block; width:8px; height:1px; }
	#ft.op1 i.op2 { display:inline-block; width:5px; height:1px; }
	#ft.op1 i.op3 { display:inline-block; width:5px; height:1px; }
	#ft.op1 i.op4 { display:inline-block; width:5px; height:1px; }
	#ft.op1 .ft_copy li { margin:0 0 7px 0; font-size:13px; line-height:1.2; }

	.main_visual2_c1 { padding:30px 20px 0 0; height:250px; border-radius:12px; }
	.main_visual2_c1 i { left:30px; width:118px; height:100px; background-size:auto 100px; }
	.main_visual2_c1 h2 { font-size:17px; }
	.main_visual2_c1 h3 { font-size:33px; }

	.main_visual2_c2 i { left:calc(50% - 15px); top:-12px; width:30px; height:30px; background-size:30px; }
	.main_visual2_c2 ul { border-radius:21px; }
	.main_visual2_c2 ul li a { font-size:17px; }

	.main_visual2_c2 ul li a.link1 { border-radius:12px 0 0 12px; }
	.main_visual2_c2 ul li a.link4 { border-radius:0 12px 12px 0; }

	.main_visual2_c2 ul li a.link5 { border-radius:12px 0 0 12px; }
	.main_visual2_c2 ul li a.link8 { border-radius:0 12px 12px 0; }

	.main_dash_c { border-radius:12px; }
	.main_dash_c1 { width:100%; }
	.main_dash_c1 h2 { font-size:14px; }
	.main_dash_c1 h3 { font-size:20px; }
	.main_dash_c1 h4 { top:50px; font-size:16px; }
	.main_dash_c2 { padding:0 20px 0 0; }
	.main_dash_c2 .con1 h3 { font-size:17px; background:url("../images/ic_05.png") no-repeat 0 18px; }
	.main_dash_c2 .con2 { padding:10px 0 0 0; }
	.main_dash_c2 .con2 ul li a { font-size:55px; }
	.main_dash_c2 .con2 ul li a span { font-size:16px; }
	.main_dash_c2:last-child { padding:0 0 0 40px; }
	.main_dash_c2:last-child .con1 h3 { background:url("../images/ic_06.png") no-repeat 0 18px; }

	.main_cont_wrap { margin:40px 0 0 0; }

    .sub_visual { height:auto; padding:15px 5px 15px 5px; }
	.sub_visual h2 { font-size:20px; }
	.sub_visual .subtxt { font-size:14px; }

    .bc_wrap { position:relative; top:0; padding-top:10px; background:#f4f4f4; }

    .sub_content_wrap .contents_wrap { padding-top:10px; }

    .contents_wrap #content { padding:10px; }
    .contents_wrap.in #content { margin-top:0px; padding:10px; }

    .bcn.in { position:relative; top:0; right:0; text-align:right; }
    .bcn.in > li { float:none; display:inline-block; text-align:left; }

    .ul_t2.li3 > li { float:none; width:100%; }

    .search_wrap .table-responsive { border:0; margin-bottom:0; }

    .modal-dialog { margin:10px 0; }
    .modal.md_depth2 .modal-dialog { padding-left:10px !important; margin:25px auto; }
    .modal.md_depth3 .modal-dialog { padding-left:10px !important; margin:40px auto; }

    .main_contents_wrap .contents_wrap #content { margin-top:0; }

    .main_quick ul > li { width:33.3%; }
    .main_quick .bg3 { width:33.4%; }
    .main_quick .bg4,
    .main_quick .bg5 { width:50%; }
    .main_quick ul > li > a { height:80px; overflow:hidden; padding:15px; }
    .main_quick ul > li > a:before { bottom:10px; right:10px; }
    .main_quick .bg5 a:after { bottom:10px; }
    .main_quick .bg5 a:before { bottom:-10px; }
    .main_quick .bg5 br { display:none; }

	.main_quick2 { padding:30px 0 0 0; }
	.main_quick2_c ul li { margin:0 20px 15px 0; width:calc((100% - 20px) / 2); }
	.main_quick2_c ul li:nth-child(2n) { margin:0 0 15px 0; }
	.main_quick2_c ul li:last-child { margin:0 0 15px 0; }
	.main_quick2_c ul li a { font-size:16px; border-radius:12px; }

    .main_sp .main_quick .bg2,
    .main_sp .main_quick .bg4 { width:50%; }
    .main_sp .main_quick .bg5 { width:100%; }
    .main_content .col-xs-6 { width:100%; padding:5px 10px; }
    .main_content > div > div { height:auto; }

	.main_organ2 { padding:10px 0 40px 0; }
	.main_organ2 .slider_wrap { padding:30px 60px 30px 60px; }
	.main_organ2 .box img { height:33px; }
	.main_organ2 .bx-controls a { bottom:40px; }
	.main_organ2 .bx-controls-direction .bx-prev { left:15px; }
	.main_organ2 .bx-controls-direction .bx-next { right:15px; }

    .sub h3 { font-size:20px; }

    .search_wrap_board { position:relative; border-right:1px solid #ddd; ; height:138px; }
    .search_wrap_board .input-group.s1 { padding:68px 68px 0 0; display:block; }
    .search_wrap_board .input-group select { width:100%; }
    .search_wrap_board .input-group input[type=text].form-control { width:100%; display:inline-block; border-top:1px solid #ddd; border-left:0; }
    .search_wrap_board .input-group .input-group-btn { position:absolute; right:-1px; top:68px; width:68px; }

    .nav-tabs.tab_t4 > li { width:49%; margin-left:1%; }
    .nav-tabs.tab_t4 > li:nth-of-type(4n+1) { margin-left:1%; }
    .nav-tabs.tab_t4 > li:nth-of-type(2n+1) { margin-left:0; }

    .work_process > ul > li { width:100%; }

    .form-full > table > thead > tr > th,
    .form-full > table > tbody > tr > th,
    .form-full > table > tbody > tr > td { display:inline-block; width:100%; min-height:30px; border:0 !important; white-space:normal !important; word-break:keep-all; }
    .form-full > table > thead > tr > th,
    .form-full > table > tbody > tr > th { border-top:1px solid #ddd !important; min-height:40px; border-bottom:1px dashed #eee !important; }
    .form-full th.m_depth2 { background-color:#fff; border-bottom:1px dashed #ccc !important; }

    .nav-tabs.tab_t3 > li > a { font-size:16px; padding:10px 5px; height:40px; line-height:20px; }
    .nav-tabs.tab_t4 > li > a { font-size:16px; padding:10px 5px; height:40px; line-height:20px; }

    .modal-body { padding:20px; }

    .nav-tabs>li>a { padding:10px; }

    .table>tbody>tr>td,
    .table>tbody>tr>th,
    .table>tfoot>tr>td,
    .table>tfoot>tr>th,
    .table>thead>tr>td,
    .table>thead>tr>th { padding:5px; }

	#con_backtop a { width:50px; height:50px; }

}

@media screen and (max-width:580px){

	#hd .user_info .txt span { display:none; }

    .process_wrap .process > li { margin-left:15px; }
    .process_wrap .process > li:before { width:15px; left:-15px; }

    .main_visual { overflow:visible; }
    .main_visual .wrap { height:571px; }

	.main_visual2_c1 i { left:20px; bottom:20px; width:118px; height:100px; background-size:auto 100px; }
	.main_visual2_c1 h2 { font-size:16px; }
	.main_visual2_c1 h3 { font-size:30px; }

	.main_visual2_c2 ul li { width:50%; }
	.main_visual2_c2 i { left:calc(50% - 15px); top:calc(50% - 20px); }
	.main_visual2_c2 ul li a { padding:80px 0 20px 0; font-size:16px; }

	.main_visual2_c2 ul li a.link1 { background:#464cb1 url("../images/mquick_01.png") no-repeat center 15px; background-size:auto 70px; border-radius:12px 0 0 0; }
	.main_visual2_c2 ul li a.link2 { background:#3672bf url("../images/mquick_02.png") no-repeat center 12px; background-size:auto 70px; border-radius:0 12px 0 0; }
	.main_visual2_c2 ul li a.link3 { background:#3f7c77 url("../images/mquick_03.png") no-repeat center 20px; background-size:auto 50px; border-radius:0 0 0 12px; }
	.main_visual2_c2 ul li a.link4 { background:#273762 url("../images/mquick_04.png") no-repeat center 12px; background-size:auto 70px; border-radius:0 0 12px 0; }
	.main_visual2_c2 ul li a.link1:hover { background:#292e90 url("../images/mquick_01.png") no-repeat center 13px; background-size:auto 70px; }
	.main_visual2_c2 ul li a.link2:hover { background:#17519b url("../images/mquick_02.png") no-repeat center 10px; background-size:auto 70px; }
	.main_visual2_c2 ul li a.link3:hover { background:#1f5853 url("../images/mquick_03.png") no-repeat center 18px; background-size:auto 50px; }
	.main_visual2_c2 ul li a.link4:hover { background:#0f1c3d url("../images/mquick_04.png") no-repeat center 10px; background-size:auto 70px; }

	.main_visual2_c2 ul li a.link5 { background:#464cb1 url("../images/mquick_05.png") no-repeat center 15px; background-size:auto 70px; border-radius:12px 0 0 0; }
	.main_visual2_c2 ul li a.link6 { background:#3672bf url("../images/mquick_06.png") no-repeat center 12px; background-size:auto 70px; border-radius:0 12px 0 0; }
	.main_visual2_c2 ul li a.link7 { background:#3f7c77 url("../images/mquick_07.png") no-repeat center 20px; background-size:auto 50px; border-radius:0 0 0 12px; }
	.main_visual2_c2 ul li a.link8 { background:#273762 url("../images/mquick_08.png") no-repeat center 12px; background-size:auto 70px; border-radius:0 0 12px 0; }
	.main_visual2_c2 ul li a.link5:hover { background:#292e90 url("../images/mquick_05.png") no-repeat center 13px; background-size:auto 70px; }
	.main_visual2_c2 ul li a.link6:hover { background:#17519b url("../images/mquick_06.png") no-repeat center 10px; background-size:auto 70px; }
	.main_visual2_c2 ul li a.link7:hover { background:#1f5853 url("../images/mquick_07.png") no-repeat center 18px; background-size:auto 50px; }
	.main_visual2_c2 ul li a.link8:hover { background:#0f1c3d url("../images/mquick_08.png") no-repeat center 10px; background-size:auto 70px; }

	.main_dash_c { padding:10px 25px 10px 25px; }
	.main_dash_c1 { padding:10px 0 0 0; }
	.main_dash_c1 h2 { font-size:13px; }
	.main_dash_c1 h3 { font-size:18px; }
	.main_dash_c1 h4 { margin:15px 0 0 0; position:static; font-size:15px; }
	.main_dash_c2 .con1 h3 { font-size:16px; }
	.main_dash_c2 .con1 h3:after { margin:0 0 0 5px; width:20px; }
	.main_dash_c2 .con2 ul li a { font-size:40px; font-weight:700; }
	.main_dash_c2 .con2 ul li a span { font-size:15px; }
	.main_dash_c2:last-child { padding:0 0 0 30px; }

	.main_cont_c h2 { padding:35px 0 20px 25px; }
	.main_cont_c h2:after { margin:0 0 0 6px; content:""; display:inline-block; width:15px; height:5px; background:#4b96e7; border-radius:60px; transition:all 0.3s ease; }
	.main_cont_c h2.op1:after { content:none; }
	.main_cont_c.op1 h2:after { background:#31a97c; }
	.main_cont_c.op2 h2:after { background:#495bb4; }
	.main_cont_c.op3 h2:after { background:#f67400; }
	.main_cont_c .con1 { padding:10px 25px 20px 25px; }
	.main_cont_c .con1 ul { padding:15px 5px 5px 5px; display:flex; flex-wrap:wrap; overflow:hidden; border-bottom:1px solid #e2e2e2; }
	.main_cont_c .con1 ul:nth-child(2) { border-top:1px solid #999999; }
	.main_cont_c .con1 ul:last-child { border-bottom:none; }
	.main_cont_c .con1 ul li { margin:0 0 10px 0; display:inline-block; width:100% !important; font-size:14px; text-align:left; border-width:0 0 0 0; }
	.main_cont_c .con1 ul li.xop1 { width:100px !important; }
	.main_cont_c .con1 ul li.xop2 { padding:0 0 0 0; width:calc(100% - 100px) !important; }
	.main_cont_c .con1 ul li.nodata { padding:20px 0 10px 0; text-align:center; }
	.main_cont_c .con1 ul li.dot { padding:0 0 0 10px; display:inline; position:relative; clear:both; float:left; font-family:"Pretendard"; color:#111111; font-weight:700; }
	.main_cont_c .con1 ul li.dot:before { display:inline-block; position:absolute; left:0; top:7px; content:""; width:3px; height:3px; border-radius:100%; background:#111111; }
	.main_cont_c .con1 ul.header { display:none; }

	.main_cont_c .con2 { padding:10px 25px 20px 25px; }
	.main_cont_c .con2 ul li { margin:0 0 6px 0; }
	.main_cont_c .con2 ul li a { padding:15px 20px 15px 20px; font-size:14px; border-radius:8px; }
	.main_cont_c .con2 ul li a span { margin:8px 0 0 0; position:static; display:block; font-size:13px; }
	.main_cont_c .con2 ul li.nodata { padding:20px 0 10px 0; }

    .main_quick { box-shadow:5px 5px 10px rgba(0,0,0,0.2); }
    .main_quick ul > li { width:50%; }
    .main_quick .bg3 { width:50%; }
    .main_quick .bg5 { width:100%; }

    .main_content h2 > .btn,
    .main_content h2 > span { padding-left:10px; }
    .main_content h2 > .btn:before,
    .main_content h2 > span:before { left:10px; }
    .main_content .btn_more { right:10px; }
    .main_tab .tab_more_t1 { right:50%; margin-right:10px; }
    .main_board_t1 { padding:15px 10px; }

    .main_organ .slider_wrap { padding:30px 0 0; position:relative; }
    .main_organ .bx-controls { top:-10px; left:auto; right:0; background:#fff; }

    .search_wrap { padding:0 5px 0 10px; }
    .search_wrap .row > div { width:100% !important; }
    .search_wrap .search_box { padding:5px 6px 5px 110px; }
    .search_box > dt { top:5px; }

    .list_wrap .list_box { width:100%; }

    .pop_body .pop_hd { padding:10px; }
    .pop_body .pop_con { padding:10px; }

	#con_backtop a { width:40px; height:40px; background:rgba(0,0,0,0.3) url("/images/top_01.png") no-repeat center center; background-size:22px; }
	#con_backtop a:hover { background-size:22px; }

}

@media screen and (max-width:480px){

    #hd .logo img { width:240px; }
    .navbar-toggle { margin-top:4px; margin-bottom:12px; }

    #hd.sub_admin:after { top:65px; }
    #hd.sub_admin .hd1 { height:125px; }
    #hd.sub_admin .tnb ul > li { padding-left:2px; border-left:0; margin-left:0; }
    #hd.sub_admin .tnb { top:25px; }
    #hd.sub_admin .tnb .logout .btnc { padding:2px; }
    #hd.sub_admin .logo { top:67px; }

	.main_visual2_c1 i { width:94px; height:80px; background-size:auto 80px; }
	.main_visual2_c1 h2 { font-size:15px; }
	.main_visual2_c1 h3 { font-size:26px; }

	.main_dash_c2 { padding:0 10px 0 10px; width:100%; background:none; }
	.main_dash_c2 .con1 h3:after { margin:0 0 0 8px; width:25px; }
	.main_dash_c2 .con2 ul li a { font-size:45px; }
	.main_dash_c2:last-child { margin:0 0 0 0; padding:0 10px 0 10px; }

	.main_quick2_c ul li { margin:0 15px 15px 0; width:calc((100% - 15px) / 2); }
	.main_quick2_c ul li a { padding:20px 0 55px 20px; font-size:15px; }
	.main_quick2_c ul li a.link1 { background:#ddebfa url("../images/mquick2_01.png") no-repeat right 20px bottom 20px; background-size:auto 25px; }
	.main_quick2_c ul li a.link2 { background:#faecdd url("../images/mquick2_02.png") no-repeat right 20px bottom 20px; background-size:auto 25px; }
	.main_quick2_c ul li a.link3 { background:#d9f5dd url("../images/mquick2_03.png") no-repeat right 20px bottom 20px; background-size:auto 25px; }
	.main_quick2_c ul li a.link4 { background:#ecddfa url("../images/mquick2_04.png") no-repeat right 20px bottom 20px; background-size:auto 25px; }
	.main_quick2_c ul li a.link1:hover { background:#cddef1 url("../images/mquick2_01.png") no-repeat right 20px bottom 22px; background-size:auto 25px; }
	.main_quick2_c ul li a.link2:hover { background:#f0dfcc url("../images/mquick2_02.png") no-repeat right 20px bottom 22px; background-size:auto 25px; }
	.main_quick2_c ul li a.link3:hover { background:#c7ebcc url("../images/mquick2_03.png") no-repeat right 20px bottom 22px; background-size:auto 25px; }
	.main_quick2_c ul li a.link4:hover { background:#decbf0 url("../images/mquick2_04.png") no-repeat right 20px bottom 22px; background-size:auto 25px; }

    .main_organ2 .box img { height:30px; }

	.sub_admin .gnb.navbar { top:70px; }

    .process_wrap .process > li { margin-left:10px; }
    .process_wrap .process > li:before { width:10px; left:-10px; }

    .pagination > li a { margin-right:3px; }
    .pagination .prev a { margin-right:5px; }
    .pagination .next a { margin-left:5px; }
    .pagination>li>a,
    .pagination>li>span { padding:6px 9px; min-width:20px; }

    .date_wrap select { margin-bottom:5px; }
    .date_wrap .date_set:nth-of-type(1) { display:block; margin-bottom:5px; }
}

@media screen and (max-width:440px){

	#ft.op1 .fmsite_wrap .con2 { padding:0 0 0 0; float:initial; }
	#ft.op1 .fmsite_wrap .fmsite { width:100%; }
	#ft.op1 .fmsite_wrap .fmsite .btnc { width:100%; }
	#ft.op1 .fmsite_wrap .fmsite .sitelist { width:100%; }
	#ft.op1 .fmsite_wrap .fmsite2 { margin:10px 0 0 0; width:100%; }
	#ft.op1 .fmsite_wrap .fmsite2 .btnc { width:100%; }
	#ft.op1 .fmsite_wrap .fmsite2 .sitelist { width:100%; }

	#hd .tnb.op1 .logout dl dt.call { margin:0 10px 0 0; padding:0 0 0 18px; font-size:14px; }
	#hd .tnb.op1 .logout dl dt.call span { margin:0 0 0 3px; }

}


@media screen and (max-width:420px){

	.main_cont_c h2.op1 { padding:25px 0 20px 25px; height:76px; font-size:19px; line-height:1.2; }

}

@media screen and (max-width:360px){

	#hd .tnb.op1 .logout dl dt.call { display:none; }

}

@media screen and (max-width:320px){

	.con_gnb .con1 a { margin-top:15px; width:191px; height:26px; background-size:auto 26px; }

}