@charset "utf-8";
/* 공통 */
.h3_butt{float:left;width:100%;position:relative;font-size:2.4rem;line-height:3.4rem;padding-top:7px;font-weight:700;color:#000;letter-spacing:-.07rem;margin:40px 0 25px 0;padding-left:25px}
.h3_butt:before{content: "";display: block;width:4px;height:8px;background:#0D47A1;padding-top:12px;left:0;position:absolute;top:12px}
.h4_butt{float:left;width:100%;font-size:1.9rem;line-height:2.9rem;font-weight:700;color:#445EA5;margin:10px 0 15px 0}
.h4_butt2{float:left;width:100%;font-size:2.7rem;line-height:3.7rem;font-weight:400;color:#445EA5;margin:10px 0 15px 0}
.h5_butt{float:left;width:100%;font-size:1.7rem;line-height:2.7rem;font-weight:700;color:#555;margin:10px 0 10px 0}

.h3_butt span{font-size:1.7rem;color:#555}
.h4_butt span{font-size:1.7rem;color:#555}
.h3_butt .stitle,.h4_butt .stitle{font-size:1.5rem;color:#000;font-weight:400;padding-left:12px}

.h3_first{margin-top:0}

.h5_boxwrap{position:relative;background:#f8f8f8;box-sizing:border-box;border:1px solid #ccc;padding:40px 30px;overflow:hidden}
.h5_box{float:left;width:45%}

.text_type1{width:100%;font-size:1.6rem;line-height:2.6rem;color:#666;float:left;padding-bottom:20px}
.text_type2{width:100%;font-size:1.6rem;line-height:2.6rem;color:#666;float:left}
.point_color1{color:#05a6a1;font-weight:500}
.point_color2{color:#000;font-weight:700}

/* ready */
.ready{width:100%;height:550px;margin:0px auto;text-align:center}


/* box */
.box_top_mt{margin-top:40px}
.btn_box_type1{width:100%;overflow:hidden;padding:8px;background:url(/pages/basic/img/common/pattern_box_type1.png)}
.btn_box_type1 > div{position:relative;background:#fff;padding:20px;min-height:75px;overflow:hidden}

.btn_box_type2{position:relative;height:75px;clear:both}
.btn_box_type2 .btn_con_top{right:0}
.btn_vision{padding-right:60px}

.btn_box_type3{width:100%;overflow:hidden;padding:8px;background:url(/pages/basic/img/common/pattern_box_type1.png)}
.btn_box_type3 > div{position:relative;background:#fff;padding:20px;min-height:75px;overflow:hidden}


.btn_con_top{position:absolute;top:12px;right:15px}
.btn_con_top li{float:left;margin-right:4px;border-bottom:none !Important}

.btn_con_top2{width:100%;margin:0 auto;text-align:center}
.btn_con_top2 li{display:inline-block}

.btn_con_top3{position:absolute;top:12px;right:15px}
.btn_con_top3 li{float:left;margin-right:4px;border-bottom:none !Important}


.btn_tip{width:100%;float:left;padding:5px 0 0 15px;width:60%}
.btn_tip strong{font-size:2rem;color:#000;font-weight:bold;padding-right:20px}


/* blank */
span.blank{display:inline-block;background:url(/pages/basic/img/main/icon_blank.png) right top no-repeat;padding-right:13px;height:20px}

/* button */
.btn_basic{display:inline-block;position:relative;min-width:200px;height:50px;line-height:50px;text-align:left;padding:0 40px 0 20px;font-size:15px;font-weight:400;transition: all .35s}
.btn_basic_2{display:block;position:relative;height:50px;line-height:50px;text-align:left;padding:0 40px 0 20px;font-size:1.5rem;font-weight:400;transition: all .35s}

.btn_basic2{display:inline-block;position:relative;min-width:200px;height:50px;line-height:50px;text-align:left;padding:0 40px 0 20px;font-size:15px;font-weight:400;transition: all .35s}
.btn_basic:hover{transition: all .35s;}
.btn_basic2:hover{transition: all .35s;}

.btn_a{background:url(/pages/basic/img/common/arrow_tabnav_off.png) 94% center no-repeat;border:1px solid #bfbfbf;color:#222}
.btn_a:hover{background-color:#f8f8f8;text-decoration:none;border:1px solid #bfbfbf}

.btn_b{background:#00beb8 url(/pages/basic/img/common/arrow_tabnav_on.png) 94% center no-repeat;border:1px solid #00beb8;color:#fff}
.btn_b:hover{background-color:#00ada6;text-decoration:none;border:1px solid #00ada6}


.btn_download{display:inline-block;height:50px;line-height:50px;padding:0 28px;margin-right:3px;background:#303c51;font-size:1.4rem;color:#fff;text-align:center;font-weight:400}
.btn_download:before{content:'';display:inline-block;width:20px;height:100%;margin-right:10px;background:url(/pages/basic/img/common/icon_download_wh.png) no-repeat center;vertical-align:top}
.btn_download:hover{background-color:#273245;text-decoration:none;font-weight:400}

.txtl{text-align:left}
.txtc{text-align:center}
.txtr{text-align:right}

/* top_info */
.top_infobox{border:1px solid #ddd;padding:45px 50px 45px 130px}
.top_infobox.ico01{background:url(/pages/basic/img/sub/top_infobox_ico01.png) left center no-repeat;}

/* tip */
.tips{margin-top:10px}
.tips:before{content:'';display:inline-block;width:22px;height:22px;margin-right:10px;background:url(/pages/arch/img/icon_cont_tips.png) no-repeat center;vertical-align:middle}

/* 이미지공통 */
.imglist_type2{width:1400px;margin:0 auto;overflow:hidden}
.imglist_type2 li{float:left;width:700px}
.imglist_type2 li img{width:100%}
.img_type1{width:100%;overflow:hidden;margin:0 auto;padding:20px;text-align:center}

.img3box li{float:left}

/* box */
.p_box{width:100%;padding:20px;border:1px solid #ddd;box-sizing:border-box;float:left}
.p_box ul{margin:0}
.p_box ul li{line-height:20px;font-size:14px}

/* border */
.bbnone{border-bottom:none !important}

/* table */
.table_type1{width:100%; border-collapse:separate;border-spacing:5px 0px;padding-bottom:30px; }
.table_type1 td,.table_type1 th{border-bottom:1px #ddd solid}
.table_type1 th{background:#f8f8f8;color:#444;vertical-align:middle;font-weight:500;line-height:25px;height:55px}
.table_type1 td{padding:15px 12px;line-height:28px;font-size:17px;text-align:center;color: #666;}
.table_type1 tr:first-child td,.table_type1 tr:first-child th{border-top:2px #918686 solid;}
.table_type1-thead tbody tr:first-child td{border-top:0;}
.table_type1 li{position:relative}
/* .table_type1 table{word-break:keep-all !Important}  */
.table_type1 table {width:100%}
.table_type1 table th:first-child{margin-top:0}
.table_type1 table td{border:1px solid #dadbe6;text-align:center; word-break:break-all}
.table_type1 table td a span.btn-go{display:inline-block; color:#fff; background:#5c5f75; border:1px solid #353535; padding:6px 9px;box-sizing: border-box;border-radius: 3px;}
.table_type1 table td a span.btn-go:hover, .btn-go:focus, .btn-go:active{color:#fff; background:#393c51; border:1px solid #252525;}

.table_type1 table tr:first-child td{border-top:0;}
.table_type1 table thead th{border:1px solid #d3dae3;/* border:1px 0 0 1px */}

.table_type1 table thead th:first-child,.table_type1 table tbody td:first-child{ border-left-width:0}
.table_type1 table thead th:last-child,.table_type1 table tbody td:last-child{border-right-width:0}
.table_type1 .m_info{display:none;}
.table_type1 table tfoot.subtotal td{border-left:none;background:#e3e8ef;font-weight:500}


.table_type2{border-top:2px solid #222;width:100%;overflow:hidden}
.table_type2 table{text-align:center;border-bottom:1px solid #b5b9c4;margin:0px 0 30px 0;font-size:1.6rem;background:#fff}
.table_type2 th,.table_type2 td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
.table_type2 th{background-color:#f8f8f8;font-size:1.5rem;color:#222;padding:12px 5px;font-weight:700;line-height:2.5rem;letter-spacing:-.04em}
.table_type2 td{color:#666;padding:17px 15px;line-height:2.5rem;font-size:1.5rem}

.table_type3 table{text-align:center;border-top:2px solid #000;border-bottom:1px solid #b5b9c4;font-size:14px;background:#fff}
.table_type3 th,.table_type3 td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
.table_type3 th{background-color:#f8f8f8;font-size:1.5rem;color:#272727;padding:12px 5px;font-weight:600;line-height:2.5rem;letter-spacing:-.04em}
.table_type3 td{color:#666;padding:17px 15px;font-size:1.5rem;line-height:2.5rem;color:#666;vertical-align:top}

.table_type_botwrap{margin-top:10px}
.table_type_bot{border-top:2px solid #00807b;width:100%;overflow:hidden}
.table_type_bot table{text-align:center;border-bottom:1px solid #b5b9c4;font-size:1.6rem;background:#fff}
.table_type_bot th,.table_type_bot td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
.table_type_bot th{background-color:#f8f8f8;font-size:1.5rem;color:#222;padding:12px 5px;font-weight:700;line-height:2.5rem;letter-spacing:-.04em}
.table_type_bot td{color:#666;padding:17px 15px;line-height:2.5rem;font-size:1.5rem}

/* ul */
.ul_inner{padding-left:55px}

.ul_type1{clear:both;margin:10px 0 10px 0px}
.ul_type1 li{float:left;width:100%;text-align:left;padding-left:15px;position:relative;margin-bottom:0px;font-size:1.5rem;line-height:2.6rem;color:#666}
.ul_type1 li span{padding-right:.5rem;color:#333}
.ul_type1 li a{color:#e6224c;margin-left:3px;font-weight:700}
.ul_type1 li:last-child{margin-bottom:0}
.ul_type1 li:before{content:'';display:block;position:absolute;left:5px;top:11px;width:3px;height:3px;background-color:#666}

.ul_type2{clear:both;margin:10px 0 10px 0}
.ul_type2 li{padding-left:17px;position:relative;margin-bottom:6px;font-size:1.5rem;line-height:2.5rem;color:#666;width:100%;font-weight:400}
.ul_type2 li span{color:#000;}
.ul_type2 li a{color:#e6224c;margin-left:3px;font-weight:700}
.ul_type2 li:last-child{margin-bottom:0}
.ul_type2 li:before{content:'';display:block;position:absolute;left:3px;top:14px;width:7px;height:1px;background-color:#757575}

.ul_type3{clear:both}
.ul_type3 li{padding-left:17px;position:relative;margin-bottom:6px;font-size:1.5rem;line-height:2rem;color:#666;width:100%;font-weight:400}
.ul_type3 li span{color:#000;}
.ul_type3 li a{color:#e6224c;margin-left:3px;font-weight:700}
.ul_type3 li:last-child{margin-bottom:0}
.ul_type3 li:before{content:'';display:block;position:absolute;left:3px;top:10px;width:7px;height:1px;background-color:#757575}

.ol_type1{clear:both;margin:10px 0 10px 0}
.ol_type1 li{position:relative;margin-bottom:6px;font-size:1.5rem;line-height:2.5rem;color:#666;width:100%;}
.ol_type1 li span{display:inline-block;width:20px;height:20px;border-radius:50%;background:#9ea8b2;color:#fff;line-height:20px;text-align:center;font-size:11px;font-weight:bold;margin-right:10px;padding-right:0}
.ol_type1 li:before{display:none}

/** form **/
/* 테이블 속 버튼 */
.tab_btn1{border:1px solid #3d7cc3;color:#3d7cc3;background:#fff;font-size:14px;padding:0px 25px;height:30px;line-height:28px;text-align:center;position:relative;top:1px;display:inline-block;margin-left:4px}
.tab_btn1:hover{background:#3d7cc3;color:#fff}

.tab_btn2{border:1px solid #555;color:#fff;background:#666;font-size:14px;padding:0px 15px;height:30px;line-height:28px;text-align:center;position:relative;top:1px;display:inline-block;margin-left:4px}
.tab_btn2:hover{background:#555}

/* .site_link{background:url('/pages/korean2020/img/sub/new_site_ico.png') no-repeat;display:inline-block;width:12px;height:12px;margin:-7px 0 0 10px}
.blank{background:url('/pages/korean2020/img/sub/new_site_ico.png') right top no-repeat;display:inline-block;;margin:0px 35px 0 0px;padding-right:22px;font-size:15px}
.blank2{background:url('/pages/korean2020/img/sub/icon_blank_wh.png') 95% top no-repeat;display:inline-block;height:12px;margin:0px 0 0 0px;padding-right:22px}
.m_blank{background:url(/pages/korean2020/img/sub/icon_blank_wh.png) right top no-repeat !important;display:inline-block !important;height:12px;margin:0px 0 0 0px;padding-right:22px}
.img_middle img{width:100%}
.blank_type{color:#e6224c;font-weight: 700} */

/* 탭메뉴 */
.sub_4dmenu{padding:40px 0 20px 0;width:100%;overflow:hidden}
.sub_4dmenu ul{display: table;table-layout:fixed;width:100%}	
.sub_4dmenu ul li{display: table-cell;text-align:center;vertical-align:top}
.sub_4dmenu ul li a{display:block;height:50px;line-height:20px;border:1px solid #ddd;background:#f9f9f9;margin-left:-1px;position: relative;font-weight:500;color:#666;display:-webkit-flex;display:flex;-webkit-align-items:center;
 align-items: center;justify-content: center;font-size:1.5rem}
.sub_4dmenu ul li a.on{border-bottom-color: #fff;border-top:2px solid #000;background:#fff}
.sub_4dmenu ul li:first-child a{margin-left:0}



.tab_type2{width:100%;float:left}
.tab_type2 ul{width:100%;text-align:center;margin-left: 1px;}
.tab_type2 li{vertical-align:middle !important;width: calc(100% / 6 - 1px);float:left;margin-top:-1px;text-align: left;}
.tab_type2 li a{display: block;padding:15px 20px;color:#666;margin-left:-1px;height:115px;background: #f8f8f8;border: 1px solid #ddd;line-height:23px}
.tab_type2 li a:hover{background: #15b6b2;text-decoration:none;color: #fff;font-weight:bold;}

.tab_type3{width:100%;float:left}
.tab_type3 ul{width:100%;text-align:center}
.tab_type3 li{vertical-align:middle !important;width: calc(100% / 6 - 1px);float:left}
.tab_type3 li a{display: block;padding:15px 0;background-color:#f4f4f4;border:1px solid #ddd;;margin-top:-1px}
.tab_type3 ul li a.on{border-bottom-color: #fff;border-top:2px solid #000;background:#fff;border-bottom:none !important}
.tab_type3 li a:hover{background:#fff;text-decoration:none;color:#000;font-weight:bold}

.tab_type4{overflow: hidden;width:100%;}
.tab_type4 ul{width:100%;border:2px solid #dddede;overflow: hidden;padding:15px;text-align: center;margin: 0 auto;}
.tab_type4 ul li{position:relative;display:inline}
.tab_type4 ul li:before{content: "";display: block;width:1px;height:15px;background:#ccc;left:0;position:absolute;top:0px}
.tab_type4 ul li:first-child:before{background:none}
.tab_type4 ul li a{margin-top:-1px;color: #666;padding:0 17px;line-height: 45px;display: inline-block}
.tab_type4 ul li a:hover,.tab_type4 ul li a.on{background:#3983de;text-decoration:none;color:#fff;font-weight:bold}

/* 왼쪽 정렬 기본 */
.inner_type2{width:100%;float:left;padding:55px 0}
.inner_type2 .left{position:relative;float:left;width:30%}
.inner_type2 .left h3{margin:7px 0 25px 0}
.inner_type2 .inner{float:left;width:70%}

.inner2{width:100%}
/* 담당자정보 */
#body_foot{position:relative;background:#f8f8f8;margin:60px 0 30px 0;line-height:60px;padding-left:60px;overflow:hidden}
#body_foot:after{content:"";display:block;float:none;clear:both;}
#body_foot .icon{position:absolute;left:0;top:0;display:block;width:60px;height:60px;text-align:center;line-height:60px;background-image:linear-gradient(-141deg, #009c97 0%, #007d79 80%);color:#fff;font-size:22px;}
#body_foot .icon i{position:relative;z-index:1;}
#body_foot .icon i.user{background:url(/pages/basic/img/sub/icon_body_foot.png) center center no-repeat;display:block;width:15px;height:15px;top:23px;margin:0 auto}
#body_foot .square span	{position:absolute;display:block;width:33.3333%;height:33.3333%;}
#body_foot .square span:nth-of-type(1){background:rgba(44,120,91,0.3);left:0;top:0;}
#body_foot .square span:nth-of-type(2){background:rgba(0,205,183,0.4);right:0;top:33.3333%;}
#body_foot .square span:nth-of-type(3){background:rgba(38,104,87,0.5);left:33.3333%;bottom:0;}
#body_foot ul{padding:0 20px}
#body_foot li{float:left;margin-right:40px;font-size:15px;color:#333;}
#body_foot li span{display:inline-block;color:#233147;font-weight:500;margin-right:15px;}

/* 마우스스크롤 */
.scroll-howto{position:absolute;top:70%;left:50%;width:300px;margin:0 auto;transform: translate(-50%, -50%) scale(1.0);transition: all 3.0s;}
.scroll-howto p{color:#fff;text-align:center;font-size:18px;padding-top:120px}
.scroll-howto .mouse-scroll,.mouse-scroll:before,.mouse-scroll:after{position:absolute;left:50%;transform:translate(-50%, -50%);}
.scroll-howto .mouse-scroll{width:46px;height:80px;box-shadow: inset 0 0 0 2px #0aeac3;border-radius:23px;margin-top:40px}
.scroll-howto .mouse-scroll:before{content:'';width:2px;height:34px;top:19px;background:#0aeac3;animation:scrollDown2 2s ease infinite;}
.scroll-howto .mouse-scroll:after{content:'';width:8px;height:16px;top:10px;background:#de3a07;border-radius:5px;animation:scrollDown1 2s ease infinite;margin-left:-4px}
.scroll-howto .bar{position:absolute;height:2px;width:44px;background:#0aeac3;top:34px;animation:scrollDown1 2s ease infinite;}

.scroll-howto-s{position:relative;top:20px}
.scroll-howto-s p{color:#fff;text-align:center;font-size:13px;padding-top:78px;vertical-align:middle}
.scroll-howto-s .scroll_btn{position:relative}
.scroll-howto-s .scroll_btn a{width:15px;height:15px;display:block}
.scroll-howto-s .scroll_btn .scroll_prev{background:url(/pages/basic/img/common/scroll_arrow_prev.png) left top no-repeat;position:absolute;bottom:0;left:0}
.scroll-howto-s .scroll_btn .scroll_next{background:url(/pages/basic/img/common/scroll_arrow_next.png) left top no-repeat;position:absolute;bottom:0;right:0}

.scroll-howto-s .mouse-scroll,.mouse-scroll:before,.mouse-scroll:after{position:absolute;left:48%;transform:translate(-50%, -50%);}
.scroll-howto-s .mouse-scroll{width:27px;height:45px;box-shadow: inset 0 0 0 2px #fff;border-radius:23px;margin-top:40px}
.scroll-howto-s .mouse-scroll:before{content:'';width:1px;height:19px;top:12px;background:#fff;animation:scrollDown2 2s ease infinite;}
.scroll-howto-s .mouse-scroll:after{content:'';width:4px;height:12px;top:5px;background:#de3a07;border-radius:3px;animation:scrollDown1 2s ease infinite;margin-left:-2px}
.scroll-howto-s .bar{position:absolute;height:1px;width:27px;background:#fff;top:20px;animation:scrollDown1 2s ease infinite;}


.scroll_animate{
	position: absolute;
	top: 50%;
	left: 73%;
	transform: translate(100%, 100%) scale(0.5);
	opacity: 0;
}

 @keyframes scrollDown1{
 0%{
	transform:translateY(-9px);
	opacity:0;
 }
  45%{
	transform:translateY(6px);
	opacity:1;
 }
  65%{
	transform:translateY(-3px);
	opacity:1;
 }
  100%{
	transform:translateY(48px);
	opacity:0;
 }
}
 @keyframes scrollDown2{
	0%,100%{				
	opacity:0;
 }
	45%,65%{				
	opacity:1;
 }
}

@keyframes plus_btn {
	0% { transform:rotate(0deg) }
	20% { transform:rotate(360deg); }
	100% { transform:rotate(360deg); }
}

.scroll-arrow-r{
    position: absolute;
    top: 28%;
    right:5%;
    transform: translate(-50%,-50%);
}
.scroll-arrow-r span{
    display:inline-block;
    width: 30px;
    height: 30px;
    border-top: 3px solid #0aeac3;
    border-right: 3px solid #0aeac3;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.scroll-arrow-r span:nth-child(1){
    animation-delay: -0.6s;
}
.scroll-arrow-r span:nth-child(2){
    animation-delay: -0.4s;
}
.scroll-arrow-r span:nth-child(3){
    animation-delay: -0.2s;
}

.scroll-arrow-l{
    position: absolute;
    top: 28%;
    left:5%;
    transform: translate(50%,-50%);
}
.scroll-arrow-l span{
    display:inline-block;
    width: 30px;
    height: 30px;
    border-left: 3px solid #0aeac3;
    border-bottom: 3px solid #0aeac3;
    transform: rotate(45deg);
    margin: -10px;
    animation: animate 2s infinite;
}
.scroll-arrow-l span:nth-child(2){
    animation-delay: -0.2s;
}
.scroll-arrow-l span:nth-child(3){
    animation-delay: -0.4s;
}
@keyframes animate {
    0%{
        opacity: 0;
        transform: rotate(45deg) translateX(-20px,-20px);
    }
    50%{
        opacity: 1;
    }
    100%{
        opacity: 0;
        transform: rotate(45deg) translateX(20px,20px);
    }
}




/****** Mobile ******/
@media screen and (max-width:690px){

/* #contents_wrap .h3_butt:first-child{margin-top:0} */
/* 마우스스크롤 */
.scroll-howto-s{display:none}
/* 공통 */
.h3_butt{font-size:2rem;line-height:3rem;padding-left:18px;margin:20px 0 10px 0}
.h5_butt{font-size:1.6rem;line-height:2.6rem}
.h5_box{width:100%}

/* box */
.btn_con_top{position:static}
.btn_con_top li{width:100%}
.btn_con_top li a{margin-bottom:4px}

.btn_tip{width:100%;padding:15px 15px 5px 5px;font-size:1.3rem}
.btn_tip strong{float:none;margin-bottom:10px;display:block}

/* 
.btn_con_top3{position:static}
.btn_con_top3 li{width:48%}
.btn_con_top3 li a{margin-bottom:4px} */

.btn_basic{width:100%}
.btn_box_type2{height:auto}

.btn_box_type3{height:auto}
.btn_box_type3 .btn_tip{padding:5px 0 10px 0px}
.box_top_mt{margin-top:0px}

.con_logo_box{padding:80px 30px}
.con_logo_box img{width:100%}

.text_type1{padding-bottom:20px;font-size:1.6rem;line-height:2.6rem}

/* table */
.table_type1{overflow:hidden;overflow-x:scroll !important;width:100%}
.table_type1 table{min-width:650px}


.table_type3{overflow:hidden;overflow-x:scroll !important;width:100%}
.table_type3:before{display:block;margin-bottom:10px; content:"모바일환경에서는 좌우로 스크롤하여 보실 수 있습니다.";font-weight:500;color:#d80b8c;font-size:1.3rem}
.table_type3 table{min-width:650px}

.table_type_botwrap{overflow:hidden;overflow-x:scroll !important;width:100%}
.table_type_botwrap .table_type_bot{min-width:650px}

/* 탭메뉴 */
.tab_type4 ul{padding:10px}
.tab_type4 ul li a{line-height:40px;padding:0 15px}
.tab_wrap.org{padding:20px 0 0 0}

.tab_type2 li{width:50%;height:75px;margin-left:-1px;display:table}
.tab_type2 li a{vertical-align:middle;display:table-cell;font-size:1.4rem;line-height:2rem;padding:0px 15px;height:100px}

.sub_4dmenu{padding:0px 0 20px 0;}
.sub_4dmenu ul{margin-left:1px}
.sub_4dmenu ul li{display:block;float:left;width:50%;margin:-1px 0 0 -1px}
.sub_4dmenu ul li a{font-size:1.6rem;margin-left:0}
.sub_4dmenu ul li a:hover,.sub_4dmenu ul li a.on{border-bottom:1px solid #ddd;text-decoration:none}

/* 이미지공통 */
.img_type1 img{width:100%}

/* 왼쪽 정렬 기본 */
.inner_type2 .left{width:100%}
.inner_type2 .inner{width:100%}
.inner_type2{padding:0}

/* top_info */
.top_infobox br{display:none}
.top_infobox{background-position:center top !important;padding:100px 20px 20px 20px}


/* 담당자정보 */
	#body_foot{line-height:2.3rem}
	#body_foot .icon{left:20px;top:20px;width:40px;height:40px;line-height:40px}	
	#body_foot .icon i.user{top:13px}
	#body_foot ul{padding:20px 15px}
	#body_foot li{font-size:1.4rem;float:none}
}

/****** -------------------------- Tablet Device -------------------------- ******/
@media screen and (max-width: 690px){
.table_type1 .m_info{display:block !important;font-size:14px;line-height:20px;color:#e74c3c;padding:7px 0;font-weight:500;}
.table_type1 th{font-size: 15px;}
.table_type1 td{padding:5px;line-height:24px;font-size: 15px;}
.table_type1 table td a span.btn-go{padding:2px 7px;}
}
@media screen and (min-width:691px) and (max-width:899px) {
/* #contents_wrap .h3_butt:first-child{margin-top:0} */
/* 마우스스크롤 */
.scroll-howto-s{display:none}

/* 공통 */
.h3_butt{font-size:2.1rem;line-height:3rem;padding-left:25px}

/* box */
.btn_con_top{position:static}
.btn_con_top li{width:49%}

.btn_basic{width:100%}
.btn_box_type2{height:auto}
.btn_box_type3 .btn_tip{padding:5px 0 10px 0px}

.btn_tip{width:100%;padding:15px 15px 5px 5px}
.btn_tip strong{float:none;margin-bottom:10px;display:block}

/* table */
.table_type1{overflow:hidden;overflow-x:scroll !important;width:100%}
.table_type1 table{min-width:650px}


/* 탭메뉴 */
.tab_type4 ul{padding:10px}
.tab_type4 ul li a{line-height:40px;padding:0 15px}
.tab_wrap.org{padding:20px 0 0 0}

.tab_type2 li{width:50%;height:80px;margin-left:-1px}
.tab_type2 li a{height:80px}

.sub_4dmenu ul li{display:block;float:left;width:50%;margin-top:-1px}
.sub_4dmenu ul li a{font-size:1.4rem}
.sub_4dmenu ul li a.on{border-bottom:1px solid #ddd}

/* 이미지공통 */
.img_type1 img{width:100%}

/* box */
.con_logo_box{padding:80px 30px}
.con_logo_box img{width:100%}

.btn_con_top{position:static}
.btn_con_top li a{margin-bottom:4px}

.box_top_mt{margin-top:20px}

/* img_type */
.img_type1 img{width:100%}

/* 왼쪽 정렬 기본 */
.inner_type2 .left{width:100%}
.inner_type2 .inner{width:100%}
.inner_type2{padding:0}

/* 담당자정보 */
#body_foot li{margin-right:20px}
}


/****** -------------------------- Desktop Device -------------------------- ******/
@media screen and (min-width:900px) and (max-width:1250px) {
/* 마우스스크롤 */
.scroll-howto-s{display:none}

/* 탭메뉴 */
.tab_type2 li{width:33.3%;height:80px;margin-left:-1px}
.tab_type2 li a{height:80px}

/* box */
.btn_con_top{position:static}
.btn_box_type3 .btn_tip{padding:5px 0 10px 0px}

.btn_tip{width:100%;padding:15px 15px 5px 5px}
.btn_tip strong{float:none;margin-bottom:10px;display:block}

}