@charset "utf-8";
/* 공통 */
.h3_butt{float:left;width:100%;position:relative;font-size:2.5rem;line-height:3.7rem;padding-top:7px;font-weight:700;color:#000;letter-spacing:-.07rem;margin:40px 0 25px 0;padding-left:25px}
.h4_butt{float:left;width:100%;font-size:2.1rem;line-height:3rem;font-weight:700;color:#162888;margin:10px 0 15px 0}
.h5_butt{float:left;width:100%;font-size:1.8rem;line-height:2.8rem;font-weight:700;color:#000;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%}
.tips_wrqp{padding-bottom:2rem}
.text_type1{width:100%;font-size:1.6rem;line-height:2.6rem;color:#555;float:left;padding-bottom:20px}
.text_type2{width:100%;font-size:1.6rem;line-height:2.6rem;color:#555;float:left;padding:20px 0}
.point_color1{color:#05a6a1;font-weight:500}
.point_color2{color:#000;font-weight:700}
/* ready */
.ready{width:100%;height:550px;max-width:504px;margin:0px auto;text-align:center}
.ready img{width:100%}
.color_red{color:#dd0000 !important}
.color_blue{color:#17aab3 !important}
.tips_wrap{line-height:2.6rem}
/* 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}
.ul_type_num{counter-reset:list-number;margin-bottom:2rem}
.ul_type_num li{counter-increment:list-number;line-height:3rem}
.ul_type_num li:before{content:counter(list-number);display:inline-block;margin-right:1rem;font-size:1.2rem;width:2.4rem;height:2.4rem;text-align:center;line-height:2.4rem;background:#7c8788;color:#fff;border-radius:50%}
/* 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;height:50px;line-height:50px;padding:0 28px;text-align:center;
background:#2E3664;font-size:1.4rem;color:#fff;font-weight:400}
.btn_basic:hover{background-color:#2b3153;text-decoration:none;font-weight:400}
.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:#2E3664;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/gw_ie/img/sub/icon_download_wh.png) no-repeat center;vertical-align:top}
.btn_download:hover{background-color:#2b3153;text-decoration:none;font-weight:400}
.txtl{text-align:left}
.txtc{text-align:center}
.txtr{text-align:right}
/* tip */
.tips{margin-top:10px}
.tips:before{content:'';display:inline-block;width:22px;height:22px;margin-right:10px;background:url(/pages/gw_ie/img/sub/icon_cont_tips.png) no-repeat center;vertical-align:middle}
/* 이미지공통 */
.imglist_type2{width:100%;justify-content:center;flex-wrap:wrap;display:flex;overflow:hidden}
.imglist_type2 li{width:50%;height:28.6rem;padding-right:2rem}
.imglist_type2 li:last-child{padding-right:0}
.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 table{text-align:center;border-top:2px solid #000;border-bottom:1px solid #b5b9c4;margin: 4px 0 30px 0;font-size:14px;background:#fff}
.table_type1 th,.table_type1 td{border-left:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
.table_type1 th{background-color:#f8f8f8;font-size:1.5rem;color:#272727;padding:12px 5px;font-weight:600;line-height:2.5rem;letter-spacing:-.04em}
.table_type1 td{color:#666;padding:17px 15px;font-size:1.5rem;line-height:2.5rem;color:#666;vertical-align:top}
.row-table thead th:last-child{border-bottom:0}
.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{float:left;width:100%;margin:10px 0 20px 0px}
.ul_type1 li{float:left;width:100%;text-align:left;padding-left:20px;position:relative;margin-bottom:0px;font-size:1.6rem;
line-height:2.8rem;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:12px;width:4px;height:4px;background-color:#21a7b7}
.ul_type2{clear:both;margin:10px 0 10px 0}
.ul_type2 li{padding-left:17px;position:relative;margin-bottom:6px;font-size:1.6rem;line-height:2.6rem;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;}
#board_btn {
margin-top: 20px;
}
/* 마우스스크롤 */
.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:2.3rem;line-height:3rem;padding-left:18px;margin:20px 0 10px 0}
.h4_butt{font-size:1.9rem}
.h5_butt{font-size:1.6rem;line-height:2.6rem}
.h5_box{width:100%}
.ul_type1 li:before{top:9px}
/* 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}
.download_box a{margin-bottom:10px}
/*
.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:before{display:block;margin-bottom:10px; content:"모바일환경에서는 좌우로 스크롤하여 보실 수 있습니다.";font-weight:500;color:#d80b8c;font-size:1.3rem}
.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%}
.imglist_type2 li{width:100%;height:auto;margin-bottom:1rem;padding-right:0}
/* 왼쪽 정렬 기본 */
.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 (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:3.5rem;padding:7px 0 0 25px;margin:40px 0 10px 0}
/* 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:before{display:block;margin-bottom:10px; content:"모바일환경에서는 좌우로 스크롤하여 보실 수 있습니다.";font-weight:500;color:#d80b8c;font-size:1.3rem}
.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}
/* 탭메뉴 */
.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%}
.imglist_type2 li{width:100%;height:100%;padding-right:0;margin-bottom:1rem}
/* 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}
/*이미지공통*/
.imglist_type2 li{margin-bottom:1rem;padding:0 1rem;height:100%}
.imglist_type2 li:first-child{padding-left:0}
.h3_butt{font-size:2.1rem;line-height:3.5rem;padding:7px 0 0 25px;margin:40px 0 10px 0}
}