@charset "UTF-8";
@import url("content.css?v202204010000");

/* CSS Document */

/* ------------------------------------------------------------
 * Name      : type_a_layout.css
 * Desc      : 인천항만공사 포털시스템
 * Created   : 2021/04/05 by YJOH
 * Updated   : 2021/06/17 by YJOH
------------------------------------------------------------ */

/* wrap */
* {margin:0;padding:0}
html,body{height:100%}
body{font-family:"맑은고딕", Malgun Gothic, sans-serif;font-size:12px;color:#333;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}
body,p,h1,h2,h3,h4,h5,h6,menu,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block}
#wrap_main{position:relative;width:1200px;margin:0 auto;}
#wrap_popup{position:relative;width:1200px;margin:50px auto;border:#eee solid 1px;padding:20px}
#top_wrap{position:relative;width:100%;margin:0 auto;height:118px;min-width:1200px;max-width:1200px}
#content_main{min-height:860px}
#content_main_top{width:1200px;height:230px;margin:15px auto 10px;background:#fff;box-sizing:border-box;}
#content_main_top>div{width:360px;min-width:320px;margin-right:10px;height:230px;border:#e0e3e9 solid 1px;float:left;box-sizing:border-box;}
#content_main_top>div.board {width:460px}
#content_main_top>div:last-child{margin-right:0px;}
#top_portlet_wrap{position:relative;width:1200px;height:266px;margin-bottom:7px;}
#top_portlet_wrap:after{display:block;clear:both;visibility:hidden;content:'.';height:0}
#content_sub{float:left;height:100%;min-height:100%;padding-bottom:40px;margin-bottom:0;border-bottom:solid 1px #ddd}
#play{zoom:1;width:1200px}
#play:after{display:block;clear:both;visibility:hidden;content:'.';height:0}

/* 테마 */
.main_nav02{position:relative;background:#fff;min-width:1200px;min-height:855px}

/* sub layout */
#content_area{position:relative;min-height:740px;height:100%;margin-top:140px;}
#content{top:0px;margin-left:235px;line-height:18px;position:relative;}
.page-wrap {min-height:600px}
#content_all{top:20px;line-height:18px;position:relative;}
#wrap_sub #top_wrap_mobile{display:none}
#wrap_sub #top_wrap{display:block}
#wrap_sub .info_box_mobile{display:none}
#wrap_sub #footer_area{display:block}

/* GNB */
#top_wrap_join .top_menu_area{position:relative;width:100%;height:79px}
#top_wrap_join .top_menu_area h1{position:absolute;top:18px;left:0}
.GNB{position:relative;width:100%;height:70px;display:block;background:#fff;}
.GNB h1{position:absolute;top:14px;left:0}
.GNB h1 img{margin-right:10px;margin-left:10px}
.GNB h1 a {height: 43px;width: 240px;display: block;}
.GNB h2{position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}
.gnb_list{float:right;margin-top:30px;position:relative;height:20px;}
.gnb_list li{position:relative;float:left;line-height:26px;text-align:center;vertical-align:middle;font-size:12px;padding:4px 6px}
.gnb_list li:after{position:absolute;top:12px;left:-1px;width:5px;height:11px;content:"";background:url(/smart/images/ico_line02.png)no-repeat;}
.gnb_list li:first-child:after, .gnb_list li:last-child:after{background:none}
.GNB ul li.none{background:none;padding-right:4px}
.GNB ul li a{color:#343434;}
.GNB ul li a:hover{color:#666;text-decoration:none}
.GNB ul li.time_btn{color:#333333;padding:0;font-weight:bold;cursor:pointer;margin:1px 5px;position:relative;}
.GNB ul li.time_btn>span{display:block;color:#333;position:absolute;top:3px;left:12px;letter-spacing:0.5px;}

.GNB ul li.time_btn.t2 {color:#333333;padding:0;font-weight:bold;cursor:pointer;margin:1px 5px;position:relative;border:1px solid #dfdfdf;border-radius:50px}
.GNB ul li.time_btn.t2 #sessionTimer {width: 60px;position: relative;border-radius: 20px;text-align: left;float: left;line-height: 22px;}
.GNB ul li.time_btn.t2 .refresh {position: relative;float: left;background: #36414c;color: #fff;border: 1px solid #36414c;padding: 0px 10px;border-radius: 50px;margin-left: 10px;}

/* 모바일 헤더 */
#top_wrap_mobile{width:100%;position:relative;background:#fff;height:111px;border-bottom:#316db5 solid 1px}
#top_wrap_mobile ul{display:block;width:100%;height:54px;line-height:54px;text-align:center;}
#top_wrap_mobile ul li.lbtn{float:left;position:relative;width:56px;}
#top_wrap_mobile ul li.logo h1{position:relative;width:100%;height:54px;line-height:54px;}
#top_wrap_mobile ul li.logo a{width: 198px;height:54px;display:block;font-size:0;margin: 0 auto;}
#top_wrap_mobile ul li.logo a>img{position:absolute;top:5px;left:50%;margin-left:-101px}
#top_wrap_mobile ul li.rbtn{width:56px;}
#top_wrap_mobile h2{display:none;width:0;height:0;overflow:hidden;}
a.btn_navbar{display:inline-block;width:56px;min-width:56px;max-width:56px;height:56px;line-height:56px;text-align:center;text-decoration:none;}
a.btn_menu{position:absolute;top:0;right:0;display:inline-block;width:56px;height:56px;line-height:56px;background:url(/smart/images/ico_menu.png)no-repeat 50% 50%;text-align:center;text-decoration:none;z-index:100}
a.btn_menu span{font-size:0;}
a.btn_logout{position:absolute;top:0;right:0;display:inline-block;width:56px;height:56px;line-height:56px;background:url(/smart/images/ico_logout.png)no-repeat 50% 50%;text-align:center;text-decoration:none;z-index:100}
a.btn_logout span{font-size:0;}

/* 모바일 왼메뉴 */
.menu_mobile{display:none;}
.lnb_bul>div>img{margin-right:5px;margin-top:-3px;}
.lnb_bul>div{width:100%;margin:0 17px;padding-top:11px;color:#fff;}
.menu_mobile .container_area{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;box-sizing:border-box;}
.menu_mobile .container{position:relative;height:100%;margin-right:30%;border-right:1px solid #316db5;}
.menu_mobile h2 {display:none;}
.menu_mobile .title{height:57px;line-height:57px;padding-left:20px;background:#0c9d8c url(/smart/images/info_bg.png) no-repeat right;border-bottom:1px solid rgba(0,0,0,0.2);font-size:0;color:#fff;}
.menu_mobile .title em{font-size:16px;font-weight:600;color:#fff;}
.menu_mobile a{display:block;word-wrap:break-word;}
.menu_mobile .close{display:block;position:absolute;right:16px;top:20px;z-index:100;width:13px;height:13px;background:url(/smart/images/btn_close_menu.png) no-repeat 50% 50%;}
.menu_mobile .close span{font-size:0;position:absolute;top:-9999px;}
.menu_mobile .dim{position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;background-color:#000;opacity:0.5;filter:Alpha(opacity=50);}
.menuwrap{position:relative;height:100%;background-color:#fdfbfb;}
.menuwrap > dl{height:100%;background:#fff;}
.menuwrap > dl:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.menuwrap > dl > dt {background:url(/smart/images/bg_lnb_tit.png);background-size:cover;width:100%;height:98px;font-size:13px;color:#fff;border-bottom:1px solid #fff;}
.menuwrap > dl > dt em{font-size:16px;font-weight:600;color:#fff;}
.menuwrap > dl > dt a{padding:10px 0 9px 13px;background:#047262;border-bottom:1px solid #047262;height:100%;text-decoration:none;}
.menuwrap > dl > dd a{padding:9px 0 8px 20px;border-bottom:1px solid #e7e6e6;height:100%;}
.menuwrap > dl > dt, .menuwrap > dl > dd{position:relative;}
.menuwrap > dl > dt > a{background:#fff;font-size:15px;color:#333;font-weight:600;}
.menuwrap > dl > dt > a:hover{color:#1a44a0;}
.menuwrap > dl > dt > a:after{content:'.';display:block;overflow:hidden;position:absolute;top:16px;right:16px;width:5px;height:10px;background:url(/smart/images/arrow_memu.png) no-repeat;z-index:1000;}
.menuwrap > dl > dd > a{background:#ffffff;height:25px;line-height:25px;font-size:14px;color:#5d6875;font-weight:600;}
.menuwrap > dl > dd > a.on, .menuwrap > dl > dd > a:hover{background:#316db5;color:#fff;text-decoration:none;}
.menuwrap > dl > dd > a.on:before{content:"";display:block;position:absolute;top:-1px;left:0;border-top:1px solid #316db5;width:100%;height:1px;}
.menuwrap > dl > dd > a.on:after{content:"";display:block;position:absolute;bottom:-1px;left:0;border-top:1px solid #ededed;width:100%;height:1px;}
.menuwrap > dl > dd .depth02{background:url(/smart/images/lnb_2d_bg.png);padding:5px 0}
.menuwrap > dl > dd .depth02 li a{background:url(/smart/images/bul03.png)no-repeat 20px 14px;padding:5px 0 4px 30px;font-size:14px;color:#333;border-bottom:0;}
.menuwrap > dl > dd .depth02 li a:hover{color:#316db5;border-bottom:0;}
.menuwrap > dl > dd .depth02 .on {color:#316db5;font-weight:bold;border-bottom:0;}

/* 모바일 왼쪽메뉴 탭 */
.menuwrap .lnb_tab_area {display:block;width:100%;padding-top:5px;padding-left:2%;height:40px;box-sizing:border-box;border-bottom:1px solid #026255}
.menuwrap .lnb_tab_area li:after{clear:both;content:'';display:block}
.menuwrap .lnb_tab_area li{display:inline-block;width:49% !important;height:34px;margin-top:-1px;margin-left:-1px;border:1px solid #ddd;border-bottom:none; background:#fafafa;font-size:13px;font-weight:600;text-align:center;line-height:20px; z-index:1}
.menuwrap .lnb_tab_area li a{color:#5f5f5f;display:inline-block;padding-left:0}
.menuwrap .lnb_tab_area li.on{display:block;z-index:9;border:1px solid #026255;border-bottom:1px solid #047364;background:#047364;color:#fff}
.menuwrap .lnb_tab_area li.on a, .menuwrap .lnb_tab_area li.on a{color:#fff;text-decoration:none}

/* Lnb */
#left_menu_wrap{position:relative;float:left;width:210px;top:-87px;min-height:100%;background:#fff;overflow:hidden}
#left_menu_wrap .tit{position:relative;width:210px;height:88px;background:url(/smart/images/bg_lnb_tit.png) right top, #00818F;border-bottom:rgba(255,255,255,0.5) solid 1px;}
#left_menu_wrap .tit h2{font-family:'Noto Sans KR',sans-serif;width:210px;text-align:center;font-size:22px;color:#fff;font-weight:bold;padding-top:17px;font-weight:300;letter-spacing:-1.2px;}
#left_menu_wrap .tit h3{color:#ffffff;font-size:13px;text-align:center;letter-spacing:-0.7px;padding-top:1px;font-weight:normal;}
#left_menu_wrap .lnb{position:relative;float:left;width:210px;border-bottom:1px solid #d7d8dc;}
#left_menu_wrap .lnb dl{float:left}
#left_menu_wrap .lnb dl dt{position:relative;width:210px;border-bottom:1px solid #c8d1db;color:#5d6875;height:39px;line-height:39px;font-size:14px;font-weight:600;margin-bottom:-1px;letter-spacing:0px;padding:0 0 0 15px; box-sizing: border-box;cursor:pointer}
#left_menu_wrap .lnb dl dt.on{background:#436189;border:#436189 solid 1px;}
#left_menu_wrap .lnb dl dt.on a{color:#fff!important;}
#left_menu_wrap .lnb dl dt.on a :focus{border:#333 solid 2px;}
#left_menu_wrap .lnb dl dt.first{border-top:none;}
#left_menu_wrap .lnb dl dt a{color:#5d6875;}
#left_menu_wrap .lnb dl dt a:hover{text-decoration:none;color:#5d6875;}
#left_menu_wrap .lnb dl dt.last{border-bottom:none;}
#left_menu_wrap .lnb dl dd {display:none}
.second_menu{width:250px;background:url(/smart/images/lnb_2d_bg.png)no-repeat;padding:11px 0 4px 0;border-bottom:1px solid #d7d8dc;background-size:cover;}
.second_menu .on{width:170px;background:url(/smart/images/bul03.png)no-repeat 17px 8px;padding-left:25px;}
.second_menu .on a,.second_menu .on a:hover{color:#316db5;font-weight:bold;}
.second_menu li{display:block;width:170px;clear:both;background:url(/smart/images/bul03.png)no-repeat 17px 8px;font-size:13px;padding:0 10px 14px 25px;font-weight:500}
.second_menu li:last-child{padding:0 10px 5px 25px;}
.second_menu li a{display:inline-block;color:#383838;cursor:pointer}
.second_menu li a:hover{color:#3053a6;text-decoration:none;}
.toggle .open{margin-top:0;position:absolute;left:-40px;top:62px;z-index:100!important;}
.toggle .close{margin-top:0;position:absolute;left:200px;top:62px;z-index:100;}
.ico_lnb_open{position:absolute;top:14px;right:20px;width:15px;height:15px;background:url(/smart/images/ico_lnb_arrow.png) no-repeat;font-size:0;}
.ico_lnb_none{position:absolute;top:14px;right:10px;width:15px;height:15px;background:url(/smart/images/ico_lnb_none.png) no-repeat;font-size:0;}


/* 모바일 왼쪽 메뉴 NEW */
.side_wrap_mobile {position: absolute;z-index: 99999;top: 0;left: -100%;width: 100%;height: 100%;}
.side_wrap_mobile .menu-area {position: absolute;height: 100%;min-height: 100vh;width: 80%;background: #fff;max-width: 300px;z-index: 10000;border-right: 1px solid #333;box-sizing: border-box;}
.side_wrap_mobile .menu-area .info {padding:20px;min-height: 65px;background: url(/smart/images/bg_lnb_tit.png) right top;background-size: cover;}
.side_wrap_mobile .menu-area .info.nr {padding:20px;min-height: 40px;background: url(/smart/images/bg_lnb_tit.png) right top;background-size: cover;}
.side_wrap_mobile .menu-area .info h2 {color: #fff;/* position: absolute; */line-height: 30px;}
.side_wrap_mobile .menu-area .info .btn_login, 
.side_wrap_mobile .menu-area .info .btn_signup,
.side_wrap_mobile .menu-area .info .btn_userinfo,
.side_wrap_mobile .menu-area .info .btn_privacy,
.side_wrap_mobile .menu-area .info .btn_pwdchange {border: 1px solid #316db5;border-radius: 50px;background: #316db5;padding: 5px 10px;color: #fff;font-weight: 600;margin-top: 10px;}
.side_wrap_mobile .menu-area .info .close {position: absolute;margin-top: 0;margin-right: 0;background: url(/smart/images/btn_close_menu.png) no-repeat;height: 13px;width: 13px;font-size: 0;line-height: 13px;float: right;top: 15px;right:15px}

.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.root {border-bottom: 1px solid #ddd;font-size: 14px;font-weight: 600;line-height: 14px;background: url(/smart/images/lnbmenu.gif) no-repeat right 20px top 20px, #fff;cursor: pointer;}
.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.root:first-child {background:none}
.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.root > a {display:block;padding:15px}
.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.root.on {background: url(/smart/images/lnbmenu_close.gif) no-repeat right 20px top 20px, #316db5;}
.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.root.on > a {color:#fff;}
.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.root > .ico {position: relative;right: -10px;background: url(/smart/images/lnbmenu.gif) no-repeat;width: 9px;height: 6px;font-size: 0;float: right;top: -25px;}

.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.leaf {display:none;cursor:pointer}
.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.leaf > dl {border-bottom: 1px solid #ccc;padding: 0;font-size: 14px;font-weight: 600;line-height: 14px;background: #e2e5eb;min-height: 30px;line-height: 30px;}
.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.leaf > dl.on > dt > a {color:#316db5}
.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.leaf > dl > dt {padding-left:30px;background: url(/smart/images/ico_arrow.png) no-repeat 15px 50%;cursor:pointer}
.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.leaf > dl > dt > a {display:block}
.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.leaf > dl > dd > ul {background: #e2e5eb;width: auto;padding: 0;border: 0;}
.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.leaf > dl > dd > ul > li {background: url(/smart/images/bul03.png)no-repeat 30px 15px, #eee;width: auto;padding: 5px 0 5px 45px;height: 20px;font-size: 13px;line-height: 20px;cursor:pointer}
.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.leaf > dl > dd > ul > li.on > a {color:#316db5}
.side_wrap_mobile .menu-area .menu ul.main_menu01 > li.leaf > dl > dd > ul > li > a {color:#333;display:block}

.head-menu-navi {}
.head-menu-navi .navi-wrap {margin-bottom:50px}
.head-menu-navi .navi-wrap h2 {padding-left: 10px;line-height: 40px;float:left}
.head-menu-navi .navi-wrap .cont_navi {border-bottom: 1px solid #c8d1db;white-space: nowrap;height: 30px;overflow-x: auto;line-height: 30px;background: #eef1f4;width: 100%;display: inline-block;overflow-y: hidden;-ms-overflow-style: none;}
.head-menu-navi .navi-wrap .cont_navi::-webkit-scrollbar {display:none;}
.head-menu-navi .navi-wrap .cont_navi .home {position: relative;background: url(/smart/images/ico_home.png) no-repeat 15px;width: 40px;height: 30px;padding-right: 0 !important;display: inline-block;cursor: pointer;}
.head-menu-navi .navi-wrap .cont_navi .home span {padding:0 !important}
.head-menu-navi .navi-wrap .cont_navi .arrow {position:relative;white-space: nowrap;display:inline-block;}
.head-menu-navi .navi-wrap .cont_navi .arrow:not(:first-child) {background: url(/smart/images/bg_location_arrow.png) no-repeat left -10px}
.head-menu-navi .navi-wrap .cont_navi .arrow > span {display:block;color:#586272;padding-left: 40px;padding-right: 0px;cursor:pointer}
.head-menu-navi .navi-wrap .cont_navi .arrow.on > span {color:#316db5;font-weight:600}
.head-menu-navi .navi-wrap .cont_navi .arrow:first-child:before{border:none}
.head-menu-navi .navi-wrap .cont_navi .arrow:first-child{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.head-menu-navi .navi-wrap .cont_navi .arrow:last-child{border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.head-menu-navi .navi-wrap .cont_navi em {color:#316db5;font-weight:600}
.head-menu-navi #cont {position:relative;margin-top:20px;margin-left:10px;margin-right:10px}
.head-menu-navi .navi-wrap .cont_navi .arrow:after, 
.head-menu-navi .navi-wrap .cont_navi .arrow:before{/*content:"";*/position:absolute;top:0;right:-16px;width:0;height:1px;border-top: 16px solid transparent;border-bottom: 16px solid transparent;border-left: 15px solid #757575;z-index: 2;}
.head-menu-navi .navi-wrap .cont_navi .arrow:after{right: -17px;border-left: 15px solid #eef1f4;}
.head-menu-navi .navi-wrap .cont_navi .arrow:before{right: auto;left: 0;border-left: 15px solid #c8d1db;z-index:0;}

.head-menu-navi .navi-wrap .cont_navi_sub {display:none;position: absolute;z-index: 1000;width: 100%;background: url(/smart/images/lnb_2d_bg.png) repeat, #fff;border: 1px solid #ddd;box-sizing: border-box;box-shadow: 0 0 10px 0;-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%);-moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%);}
.head-menu-navi .navi-wrap .cont_navi_sub > ul {}
.head-menu-navi .navi-wrap .cont_navi_sub > ul > li {border-bottom: 1px solid #ddd;background: url(/smart/images/ico_arrow_small.png) no-repeat left top;background-position: 10px;cursor:pointer}
.head-menu-navi .navi-wrap .cont_navi_sub > ul > li:hover {background: url(/smart/images/ico_arrow_small.png) no-repeat left top, #009ea1;background-position: 10px;}
.head-menu-navi .navi-wrap .cont_navi_sub > ul > li:hover > a {color:#fff}
.head-menu-navi .navi-wrap .cont_navi_sub > ul > li > a {padding: 5px 10px;font-size: 13px;line-height: 20px;display: block;padding-left: 30px;}


/* 포틀릿 */
.portlet_all_wrap{width:100%;min-height:400px;}
.portlet_wrap_area{position:relative;width:1200px;margin:0 auto;}
.ep-section{width:100%;}
/* .ep-subsection{clear:both;display:table-cell;vertical-align:top;} */

/* 건너뛰기 */
#skipnavi a{width:100%;position:absolute;display:block;left:0;top:-10000px;background:#2c7bbb;color:#fff;font-weight:normal;font-size:18px;text-align:center;z-index:2100; padding: 9px 0;}
#skipnavi a:hover, #skipnavi a:focus, #skipnavi a:active{position:absolute;display:block;top:0;left:0;width:100%;padding:5px 0;background:#2c7bbb;color:#fff;}
#skipnavi h1{display:none;width:0;height:0;overflow:hidden;}

/* 주메뉴 */
.major_menu_area{position:relative;width:1200px;height:50px;overflow:hidden;}
.major_menu_area.open{position:relative;width:1200px;height:740px;overflow:hidden;transition: all linear 0.2s;box-shadow: 0 0 10px 0;-webkit-box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%);-moz-box-shadow: 0 0 10px 0 rgb(0 0 0 / 30%);z-index:99999}
.major_menu_area ul.main_menu01{display:block;height:100%;line-height:50px;font-size:0;background:#284267;}
.major_menu_area ul.main_menu01 > li {border-right:#e0e3e9 solid 1px; }
.major_menu_area ul.main_menu01 > li:last-child {border-right:0}
.major_menu_area ul.main_menu01 li {display:inline-block;margin-left:0;border-left:rgba(255,255,255,.2) solid 0px;width:calc(100% / 6);color:#fff;font-size:16px;font-weight:600;text-align:center;box-sizing:border-box;height:50px;} /*메뉴 5개인 경우*/
.major_menu_area ul.main_menu01 li.menu_num_06{width:calc(100% / 6);}
.major_menu_area ul.main_menu01 li:first-child{border-left:none}
.major_menu_area ul.main_menu01 li a{color:#fff;}
.major_menu_area ul.main_menu01 li a:hover{color:#ffffff;text-decoration:none;}
.major_menu_area ul.main_menu01 li a.on{background:#00818F}
.major_menu_area ul.main_menu01 li:hover{background:#00818F}
.major_menu_area ul.main_menu01 li.on {background:#00818F}
.major_menu_area ul.main_menu01 li.on a{color:#ffffff; position: relative;}
.major_menu_area ul.main_menu01 > li.on{}
.major_menu_area ul.main_menu01 li.on > a:after{ content: '▲'; position: absolute; font-size: 11px; left:calc(47%); top: 7px;}

/* 주메뉴 오버 */
.major_menu_area02 {display:block !important;position:absolute;z-index:10000;width:calc(100% / 5);background: url(/smart/images/lnb_2d_bg.png) repeat, #fff;/*border: 1px solid #ddd;border-top:0;*/box-sizing: border-box;padding-bottom:10px;padding-top:10px;}
.major_menu_area02.menu_num_06{width:calc(100% / 6);}
.major_menu_area02 > ul.main_menu02 {background:#ffffff;}
.major_menu_area02 > ul.main_menu02 > li.sub_wrap {float:left;margin-left:0;border-left:rgba(255,255,255,.2) solid 1px;width:100%;color:#fff;font-size:16px;font-weight:600;text-align:center;box-sizing:border-box;min-height: 670px;line-height:0px}
.major_menu_area02 > ul.main_menu02 > li.sub_wrap:hover {background: transparent;}
.major_menu_area02 > ul.main_menu02 > li.sub_wrap > ul {}
.major_menu_area02 > ul.main_menu02 > li.sub_wrap > ul > li {color: #333;height: 30px;line-height: 30px;font-weight: normal;font-size: 13px;cursor:pointer;width: calc(100% - 20px);}
.major_menu_area02 > ul.main_menu02 > li.sub_wrap > ul > li.root {background: #fff;font-size: 12px;border:1px solid #284267;margin: 10px;margin-bottom: 0;}
.major_menu_area02 > ul.main_menu02 > li.sub_wrap > ul > li.root:first-child {margin-top:0}
.major_menu_area02 > ul.main_menu02 > li.sub_wrap > ul > li.root > a {color:#284267;display: block;}
.major_menu_area02 > ul.main_menu02 > li.sub_wrap > ul > li.leaf{background: url(/smart/images/bul03.png)no-repeat 3px 15px;text-align: left;padding-left: 10px;font-size:12px;}
.major_menu_area02 > ul.main_menu02 > li.sub_wrap > ul > li > a {color:#333;}
.major_menu_area02 > ul.main_menu02 > li.sub_wrap > ul > li:hover > a {color:#284267;font-weight:600;}

/* 사이트맵 */
.sitemap_wrap {margin-top: 20px;background: url(/smart/images/lnb_2d_bg.png) repeat;}
.sitemap_wrap > ul.main_menu02 {border: 1px solid #ddd;box-sizing: border-box;padding-bottom:10px;padding-top:10px;height: 100%;width: 1200px;padding: 20px;margin-bottom:30px}
.sitemap_wrap[data-type=company] > ul.main_menu02 {}
.sitemap_wrap > ul.main_menu02 > li.sub_wrap {display:inline-block;margin-left:0;border-left:rgba(255,255,255,.2) solid 1px;width: 100%;color:#fff;font-size:16px;font-weight:600;text-align:center;box-sizing:border-box;margin-bottom: 40px;width:calc(100% / 2)}
.sitemap_wrap > ul.main_menu02 > li.sub_wrap .tit {color: #284267;font-size:20px;text-align: left;padding: 10px 10px 10px 15px;border-bottom: 1px solid #284267;margin-bottom: 10px;}
.sitemap_wrap > ul.main_menu02 > li.sub_wrap > ul {}
.sitemap_wrap > ul.main_menu02 > li.sub_wrap > ul > li {color: #333;font-weight: normal;font-size: 13px;cursor:pointer;width: calc((100% - 25px) / 2);}
.sitemap_wrap > ul.main_menu02 > li.sub_wrap > ul > li.root {margin-left: 10px;float: left;margin-bottom: 20px;}
.sitemap_wrap > ul.main_menu02 > li.sub_wrap > ul > li.root:first-child {margin-top:0}
.sitemap_wrap > ul.main_menu02 > li.sub_wrap > ul > li.root:last-child {margin-bottom:0}
.sitemap_wrap > ul.main_menu02 > li.sub_wrap > ul > li.root > a {color:#284267;background:#fff;display: block;border: 1px solid #284267;height: 30px;line-height: 30px;font-size: 15px;}
.sitemap_wrap > ul.main_menu02 > li.sub_wrap > ul > li.root > div > a {color:#284267;background:#fff;display: block;border: 1px solid #284267;height: 30px;line-height: 30px;font-size: 15px;}
.sitemap_wrap > ul.main_menu02 > li.sub_wrap > ul > li:hover > a {color:#333;font-weight: 600;}
.sitemap_wrap > ul.main_menu02 > li.sub_wrap > ul > li.root > ul {min-height: 70px;}
.sitemap_wrap > ul.main_menu02 > li.sub_wrap > ul > li.root > ul > li {background: url(/smart/images/bul03.png)no-repeat 14px 14px;text-align: left;padding: 7px 10px 10px 26px;font-size:14px}
.sitemap_wrap > ul.main_menu02 > li.sub_wrap > ul > li.root > ul > li > a{color:#333}
.sitemap_wrap > ul.main_menu02 > li.sub_wrap > ul > li.root > ul > li:hover > a {color:#333;font-weight:600}


#wrap_main > div.sitemap_wrap > ul > li:nth-child(1) > ul > li > ul,
#wrap_main > div.sitemap_wrap > ul > li:nth-child(3) > ul > li:nth-child(9) > ul {min-height:0}


/* 퀵메뉴 */
#quick_menu_area{position:relative;width:1200px;height:94px;border:#bbc3cd solid 1px;background:url(/smart/images/quick_bg.png) repeat;box-sizing:border-box}
#quick_menu_area h2{position:absolute; top:-10000em; overflow:hidden; height:0px; width:0px;}
#quick_menu_area ul{display:block;position:relative;height:82px;margin:0 auto;text-align:center;padding-top:12px}
#quick_menu_area ul li{display:block;float:left;color:#404852;font-size:14px;letter-spacing:-1px;height:68px;margin:0 -10px;padding:0 20px;cursor:pointer}
#quick_menu_area ul li:first-child{margin:0 10px 0 0;}
#quick_menu_area ul li i{display:block;float:left;width:42px;height:42px;margin-right:10px}
#quick_menu_area ul li a{text-align:left;float:left;/* display:table; */background-size:68px 68px;color:#596471;line-height:14px;font-weight:bold;height: 68px;}
#quick_menu_area ul li a.on{float:left;display:table;background-size:68px 68px;color:#596471;line-height:14px;font-weight:bold}
#quick_menu_area ul li a:hover{background-size:68px 68px;color:#316db5}
#quick_menu_area ul li a span{display: block;line-height:18px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;padding: 25px 0;float: left;}
#quick_menu_area ul li a span.line02 {padding: 16px 0;}
#quick_menu_area ul li:last-child{margin-right:0}
#quick_menu_area ul a:hover li{margin-top:12px; text-decoration:none}
#quick_menu_area .quick_up{position:absolute;top:-1px;left:0px;display:block;width:28px;height:94px;background:url(/smart/images/quick_ico_prev.png)no-repeat;z-index:10}
#quick_menu_area .quick_down{position:absolute;top:-1px;right:0px;display:block;width:28px;height:94px;background:url(/smart/images/quick_ico_next.png)no-repeat;z-index:10}
#quick_menu_area .quick_up a, #quick_menu_area .quick_down a {display:block;font-size:0;height:94px;outline-offset: -2px;}
#quick_menu_area ul .quick_ico01{display:inline-block;background:url(/smart/images/quick_menu_ico01.png)no-repeat 50% 50%;width:68px;height:68px}
#quick_menu_area ul .quick_ico02{display:inline-block;background:url(/smart/images/quick_menu_ico02.png)no-repeat 50% 50%;width:68px;height:68px} 
#quick_menu_area ul .quick_ico03{display:inline-block;background:url(/smart/images/quick_menu_ico03.png)no-repeat 50% 50%;width:68px;height:68px} 
#quick_menu_area ul .quick_ico04{display:inline-block;background:url(/smart/images/quick_menu_ico04.png)no-repeat 50% 50%;width:68px;height:68px} 
#quick_menu_area ul .quick_ico05{display:inline-block;background:url(/smart/images/quick_menu_ico05.png)no-repeat 50% 50%;width:68px;height:68px} 
#quick_menu_area #quicklink {width: calc((100%  - 56px)/5*6);left: 35px; width: 2000px; margin: 0; text-align: left; height: 78px; padding: 0;}
#quick_menu_area #quicklink > li {display: inline-block;background-size: 68px 68px;color: #596471;line-height: 14px;font-weight: bold;margin: 12px 0 0 0 !important;padding: 0!important;width: calc((100% - 50px) / 7); width: 189px;}
#quick_menu_area #quicklink > li img {width: 68px;height: 68px;margin: 0px 8px 0 8px;float: left;}
#quick_menu_area #quicklink > li:nth-child(n+7){ /* border:1px solid red; display: none; */}
#quick_menu_area {overflow: hidden;}
#quick_menu_area .quick_left {cursor: pointer;position: absolute;top: -1px;left: 0px;display: block;width: 28px;height: 94px;outline: none;z-index: 1;}
#quick_menu_area .quick_right {cursor: pointer;position: absolute;top: -1px;right: 0px;display: block;width: 28px;height: 94px;outline: none;z-index: 1;}
#quicklink {width: calc((100%  - 56px)/5*6);left: 30px;}
#quicklink > li { display: table;background-size: 68px 68px;color: #596471;line-height: 14px;font-weight: bold;margin: 0!important;padding: 0!important;width: calc(100% / 7);}
#quick_menu_area ul li:first-child {margin: 0;}
#quicklink > li img {width: 68px;height: 68px;margin: 0px 8px 0 8px;float: left;}
#quicklink > li span {display: table-cell;vertical-align: middle;}

/* 입항년도 */
.input_list {float:left; display:inline-block;}
.input_list dt{float:left;width:76px}
.input_list dd{float:left; display:inline-block;}
.input_list .form-date2{float:left; width:100px;height: 30px}


/* 풋터 */
#footer_area{/*height: 155px;*/width:1200px;margin:0 auto;background:#47505e;margin-top:50px;border-top:1px solid #eaebed;box-sizing:border-box;position: relative;}
#footer_area .footer{position:relative;width:100%;height: 90px;margin:0 auto;font-weight:normal;color:#a6a6a6;/* margin-top:14px; *//* margin-bottom: 14px; */}
#footer_area .footer .logo{position:absolute;left: 33px;top: 18px;}
#footer_area .footer .info{position:absolute;top: 26px;left:242px;text-align:left;}
#footer_area .footer .info li{color:#eceff3;line-height:19px;font-size:12px}
#footer_area .footer .info li > span {color:#eceff3}
#footer_area .footer .sns_wrap {float:right;position:relative;right: 15px;top: 31px;}
#footer_area .footer .sns_wrap .user {color:#eceff3}
#footer_area .footer .sns_wrap img {width:25px; height:25px}
.ft_copy_txt{cursor:pointer;font-size:11px;padding-top:20px;color:#cdcdcd}
.ft_copy_txt>ul>li{position:relative;float:left;padding:0 10px}
.ft_copy_txt>ul>li:first-child{padding:0 10px 0 0}
.ft_copy_txt>ul>li.point_st{color:#00ccff}
.ft_copy_txt>ul>li:after{content:"";width:1px;height:8px;position:absolute;top:5px;left:-2px;background:url(/smart/images/ft_line02.png)no-repeat;}
.ft_copy_txt>ul>li:first-child:after{background:none;}
.ft_copy_txt>ul>li:nth-child(2):after{background:none;}

#footer_mobile{border-top:1px solid #ccc;text-align:center;box-sizing:border-box;background: #47505e;}
#footer_mobile li{width:100%;padding: 10px 10px 0px 10px;color:#666;letter-spacing:-1px;text-align:center;box-sizing:border-box;color: #fff;display:inline-block;}
#footer_mobile .footer {background: #586272;}
#footer_mobile .footer > ul > li {background: #47505e;letter-spacing: 0;font-size: 12px;}
#footer_mobile .footer > ul > li > span {color:#eceff3}
#footer_mobile .footer .sns_wrap {padding: 10px 0 15px 0;background: #47505e;}
#footer_mobile .footer .sns_wrap img {width:25px; height:25px}
#footer_mobile .link_area {height: 35px;background: #525252;position: relative;}
#footer_mobile .link_area .bl0 li {float: left;padding:0 10px;height: 35px;line-height: 35px;width: 50%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#footer_mobile .link_area .bl0 li:first-child{padding-left:40px;}
#footer_mobile .link_area .bl0 li a {color: #fff;}
#footer_mobile .link_area .bl0 li a.fw {font-weight:600}
#footer_mobile .link_area .bl1 {position: relative;z-index: 10;background: #47505e;}
#footer_mobile .link_area .bl1 .sel_box {float: right;border-left:1px solid #47505e;box-sizing: border-box;cursor: pointer;width: 50%;float: left;height: 36px;position: relative;line-height: 36px;}
#footer_mobile .link_area .bl1 .sel_box.arrow {background: url(/smart/images/ico_up_arrow.png) no-repeat top right 10px;background-position-y: center;}
#footer_mobile .link_area .bl1 .sel_box.down_arrow {background: url(/smart/images/ico_down_arrow.png) no-repeat top right 10px;background-position-y: center;}
#footer_mobile .link_area .bl1 .sel_box .tit_wrap {color: #fff;height: 36px;position: relative;}
#footer_mobile .link_area .bl1 .sel_box .tit_wrap > a {color: #fff}
#footer_mobile .link_area .bl1 .sel_box .tit_wrap span.tit {color: #fff;}
#footer_mobile .link_area .bl1 .sel_box .cont_wrap {display:none;position: relative;z-index: 10000;top: -249px;left: 0;background: #fff;}
#footer_mobile .link_area .bl1 .sel_box ul {position: relative;border-left: 1px solid #586272;border-right:1px solid #586272;border-top:1px solid #586272;box-sizing: border-box;}
#footer_mobile .link_area .bl1 .sel_box ul li {border-bottom: 1px solid #efefef;height: 35px;box-sizing: border-box;padding: 0;}
#footer_mobile .link_area .bl1 .sel_box ul li:last-child {border-bottom:0}
#footer_mobile .link_area .bl1 .sel_box ul li:hover {background:#efefef}
#footer_mobile .link_area .bl1 .sel_box ul li a {display:block;font-size:12px;line-height: 35px;height: 35px;}

#footer_area .link_area {height: 50px;background:#586272;width: 1200px;}
#footer_area .link_area .bl0 {}
#footer_area .link_area .bl0 li {float: left;padding:0 10px;height: 50px;line-height: 50px;}
#footer_area .link_area .bl0 li:first-child{padding-left:40px;}
#footer_area .link_area .bl0 li a {color: #fff;}
#footer_area .link_area .bl0 li a.fw {font-weight:600}
#footer_area .link_area .bl1 {float: right;width: 292px;height: 36px;right: 231px;}
#footer_area .link_area .bl1 .sel_box {float: right;border-left:1px solid #47505e;box-sizing: border-box;cursor: pointer;width: 146px;float: left;height: 50px;position: relative;line-height: 50px;}
#footer_area .link_area .bl1 .sel_box.arrow {background: url(/smart/images/ico_up_arrow.png) no-repeat top right 10px;background-position-y: center;}
#footer_area .link_area .bl1 .sel_box.down_arrow {background: url(/smart/images/ico_down_arrow.png) no-repeat top right 10px;background-position-y: center;}

#footer_area .link_area .bl1 .sel_box .tit_wrap {color: #fff;height: 49px;position: relative;}
#footer_area .link_area .bl1 .sel_box .tit_wrap .tit {color: #fff;padding-left: 20px;width: 122px; display: inline-block;}
#footer_area .link_area .bl1 .sel_box .cont_wrap {display:none;position: relative;z-index: 10000;top: -249px;left: 0;width: 146px;background: #fff;}
#footer_area .link_area .bl1 .sel_box ul {position: relative;border-left: 1px solid #586272;border-right:1px solid #586272;border-top:1px solid #586272;box-sizing: border-box;}
#footer_area .link_area .bl1 .sel_box ul li {border-bottom: 1px solid #efefef;height: 30px;line-height: 20px;box-sizing: border-box;}
#footer_area .link_area .bl1 .sel_box ul li:last-child {border-bottom:0}
#footer_area .link_area .bl1 .sel_box ul li:hover {background:#efefef}
#footer_area .link_area .bl1 .sel_box ul li a {display:block;padding:5px 9px;font-size:12px}

.footer_wa_wrap {position:relative;top:20px;left:890px}

/* 서브풋터 */
#sub_footer_area{float:left;width:100%;height:94px;min-width:1181px;background:#3b414d;margin-top:14px;border-top:1px solid #eaebed;box-sizing:border-box;}
#sub_footer_area .footer{position:relative;width:1181px;height:49px;margin:0 auto;font-weight:normal;}
#sub_footer_area .footer .logo{position:absolute;left:0;top:37px;}
#sub_footer_area .footer .info{position:absolute;top:29px;left:250px;width:780px;text-align:left;}
#sub_footer_area .footer .info li {display:inline-block;color:#e2e2e2;line-height:20px;font-size:12px;}

/* 2021-11-11 오유정 추가 */
.gnb_list02{float:right;margin:10px 0 0 0;position:relative;height:30px;z-index:10}
.gnb_list02 li:first-child{background:#fff;border-radius:3px;border:#2e598d solid 1px;height:28px;padding:0 10px;float:left;font-weight:bold;margin:0 5px;line-height:28px;text-align:center;vertical-align:middle;font-size:13px;}
.gnb_list02 li:first-child>a{color:#2e598d;}
.gnb_list02 li:nth-child(2){background:#fff;border-radius:3px;border:#007a86 solid 1px;height:28px;padding:0 10px;float:left;font-weight:bold;margin:0 5px;line-height:28px;text-align:center;vertical-align:middle;font-size:13px;}
.gnb_list02 li:nth-child(2)>a{color:#007a86;}

@media only all and (max-width:1400px){
  /* 갑문입출거 예정시간표 전체보기 */
  div#gatePlanTimeSheetView .table_area {width:100% !important;clear:both !important;margin-right:0 !important;min-height:auto;margin-top:20px}
  div#gatePlanTimeSheetView .table_body .table_row .table_cell.nodata {width:calc(100% - 51px) !important}
}

@media only all and (min-width:768px){
  #top_wrap_mobile{display:none}
  #footer_mobile{display:none}
  .info_box_mobile{display:none}
  .sns_box_mobile{display:none}
  .menu_mobile{display:none}
  .side_wrap_mobile {display:none}
  .m_intro_wrap{display:none}
  
  .devicePCMsg {display:block !important}
  .deviceMobileMsg {display:none !important}
  
  .popup_zone_area_m {display:none}
  
  /* 20220204 오유정 추가 */
  .m_gd_img_area01{display:none;}
}


@media only all and (max-width:767px){
  .devicePCMsg {display:none !important}
  .deviceMobileMsg {display:block !important}
  #workreport {display:none}
  div[role=bondcert] {display:none}
  
  .check_list2>li {width:33%}
  
  /* 20220204 오유정 추가 */
  .m_gd_img_area01{display:block;}
  .gd_img_area01{display:none;}
  .cont_tit01{font-size:15px;background-position:20px 20px;padding:20px 0 5px 47px;}
  .cont_tit_st01,.cont_tit_st02{font-size:15px;}
  
  /* 플로팅배너 */
  .top_banner{display:none;}
  
  .f_num {width: 15px;height: 15px;line-height: 15px;font-size: 12px;}
  .response_01 {text-align:center}
  
  .gnb_list02 {display:none}
  
  /* 사이트맵 */
  .sitemap_wrap > ul.main_menu02 {width:100%}
  .sitemap_wrap > ul.main_menu02 > li.sub_wrap {width:100%}
  
  /* 모바일 공지사항 */
  .board_area_box .board_tab_area > li[data-board="press"] {display:none}
  .board_area_box .board_tab_area > li {width:calc(100% / 2);}
  
  /* 768 이미지 변경*/
  img[src='/images/circle_step_incentive.png'] {display:none !important}
  img[src='/images/circle_step_incentive_m.png'] {display:block !important}
  
  /* 테이블 div */
  .table_row.m02 .table_head {background: url(/smart/images/ico_line01.png) no-repeat right 50%;display:inline-block;width:20% !important;margin-right:0;padding:4px 0;box-sizing: border-box;border:none;}   
  .table_row.m02 .table_cell {/*background: url(/smart/images/ico_line02.png) no-repeat right 50%;*/display: inline-block;width:20% !important; margin-right:0;padding:4px 0;box-sizing: border-box; border:none;}
  .table_row.m03 .table_head {background: url(/smart/images/ico_line01.png) no-repeat right 50%;display:inline-block;width:33.333% !important;margin-right:0;padding:4px 0;box-sizing: border-box;border:none;}   
  .table_row.m03 .table_cell {/*background: url(/smart/images/ico_line02.png) no-repeat right 50%;*/display: inline-block;width:33.333% !important; margin-right:0;padding:4px 0;box-sizing: border-box; border:none;}
  .table_row.m04 .table_head {background: url(/smart/images/ico_line01.png) no-repeat right 50%;display:inline-block;width:25% !important;margin-right:0;padding:4px 0;box-sizing: border-box;border:none;}   
  .table_row.m04 .table_cell {/*background: url(/smart/images/ico_line02.png) no-repeat right 50%;*/display: inline-block;width:25% !important; margin-right:0;padding:4px 0;box-sizing: border-box; border:none;}
  .table_body .table_row .table_cell.nodata {display: table !important;position: absolute;z-index:-1;width: 100% !important;margin: 0 !important;border-top: 0 !important;line-height: 30px !important;box-sizing: border-box;}
  .table_body .table_row.m02 .table_cell.nodata,
  .table_body .table_row.m03 .table_cell.nodata,
  .table_body .table_row.m04 .table_cell.nodata {border-bottom:0 !important}
  
  /* 사무동 전기 사용량 정보 */
  div[role=monthElecLeft]{width:100%;clear:both}
  div[role=monthElecRight]{width:100%; clear:both;margin-bottom:40px}
  
  #selectGubun {margin-bottom:5px}
  #callSignSearch {margin-bottom:5px}
  #callSignSearchDlg [role=callSign] {width:100%}
  
  /* 메인 */
  .title_bg{width:100%;margin-top:10px;background:url(/smart/images/title_bg_color.png);}
  .title_bg>span{font-size:12px;text-align:left;line-height:23px;}
  .portlet_all_wrap{min-height:0px;}
  .portal_s_info{width:100%;height:auto;max-width:90%}
  .list_box>ul>li>div{display:none;}
  .portal_s_list{margin-top:50px}
  .list_box>ul>li:last-child{width:100%;float:none}
  .title_bg>span{padding:20px}
  .title_bg{height:auto;min-height: 100px;}
  .big_txt{font-size:12px}
  .ep-section{display:block;}
  .ep-subsection{display:block;}
  .intro_area>img{max-height:100%}
  .mt-18{margin:0}
  .popup_zone_area {display:none}
  .popup_zone_area #horizontalSlider img {display:block;margin:0 auto;height:200px}
  .marine_box01,.marine_box02{width:100%;}
  .marine_tit{position:relative;}
  .marine_box02>ul>li:last-child{position:absolute;top:53px;right:20px;}
  .user_info>ul>li.minfo{ display: block; }
  /*.user_data{margin-top:15px}*/
  /*.user_data>ul{width:100%;height:110px;margin:0 auto;}*/
  /*.user_data>ul>li{width:49% !important;}
  .user_data>ul>li:first-child{margin-bottom:5px}
  .user_data>ul>li:nth-child(3){float:right}
  .user_data>ul>li:nth-child(4){float:left;margin-bottom:20px;margin:0 !important;}*/
  .marine_box02{margin-top:10px}
  .rolling_area{width:100%}
  .graph_area>img{min-width:100%;}
  .marine_list01>dl{width:33.3%;padding:0px}
  .marine_list01>dl>dd{text-align:center;}
  .marine_list01>dl>dd>img{margin:0 auto;}
  .marine_list01>dl>dd:last-child>span{left:103px}
  .marine_list01>.chart_data02>li{width:calc((100% - 20px) / 5);padding:0;margin-top:20px}
  .mh215{min-height:215px}
  #content_area{margin-top:0;min-height:0}
  .content_nav,
  .content_nav02{position: relative;top: 0;float: right;width:calc(100% - 20px);margin: 0 auto;border-bottom: 0;padding-bottom: 0;margin-top: -40px;}
  .content_nav > .cont_nav{display:none}
  .content_nav > h2 {font-size:18px;font-weight:600;line-height:30px}
  .content_nav > .fav_menu_tit_area {margin:0;margin-left:10px}
  #left_menu_wrap{display:none !important;}
  .main_nav02{background:none;min-width:0;}
  #content,
  #content_all{width:calc(100% - 30px);margin-left:0;margin:0 auto;}
  .table-responsive>table{min-width:1024px;overflow-x:auto}
  .table-responsive>.div_table{min-width:1024px;overflow-x:auto}
  .table-responsive.mywork>.div_table{min-width:800px;overflow-x:auto}
  .main_nav01{min-width:0}
  #top_wrap{display:none}
  .signup-wrap #top_wrap {display:block;min-width:100%;max-width:100%}
  .dropout-wrap #top_wrap {display:block;min-width:100%;max-width:100%}
  #top_wrap_mobile{display:block}
  .major_menu_area{display:none}
  #wrap_main{float:none;width:auto}
  #content_main{float:none;width:auto}
  #wrap_main .major_menu_area{display:none}
  #wrap_sub .major_menu_area{display:block}
  #content_main_top{width:auto;height:100%;margin:0;border-radius:0}
  #content_main_top>div{width:100% !important;margin-top:-1px;margin-right:0}
  #content_main_top>div.banner {height:30px}
  #top_portlet_wrap{display:none}
  .portlet_wrap_area{float:none !important;width:100% !important;min-width:100%;max-width:100%;padding-bottom:0;margin-top:497px}
  #play{width:100% !important;/*height:0*/}
  ul.list{/*float:none !important;margin-right:0;*/width:100% !important;}
  div.mod{float:none;width:100% !important;height:100%;border-top:1px solid #e5e6e7;border-right:none;border-left:none;margin-bottom:0;border-radius:0;min-height:270px}
  #play > .ep_pg > .ep_pg_play > ul > li:first-child > .mod {margin-top:0 !important}
  #content_main_top .state_box, .state_box2, .chart_box, .lecture_area{float:left;display:block;width:100%;height:auto;margin:0 auto;margin-top:8px}
  /*.item{float:none;width:100% !important}*/
  .bg_main{background:none}
  .board_main_area{clear:both;height:100%;overflow-y:auto}
  .board_main_area2{clear:both;height:100%;overflow-y:auto}
  .lecture_area{border:none}
  #content_main_top .indiv_area{background:#084a94 url(/smart/images/m_info_bg.png)no-repeat;background-size:cover;display:block;width:100%;height:224px;border-bottom:solid 1px #ededed;}
  #content_main_top .state_box li, .state_box2 li{width:33.4%}
  #content_main_top .lecture_box{width:100%;margin-bottom:29px}
  #content_main_top .notice_box {float:none;}
  #quick_menu_area{display:none !important;height:100%}
  #footer_area{display:none}
  .bg_layer{display:none}
  .lecture_box2{width:98%}
  .board_area{width:100%;border:none;}
  .board_area dl.board_area_box{margin-top:0}
  .board_area .board_box{margin:0;padding:0}
  .board_area .board_box h2{display:none}
  .board_area .board_box .btn{display:none}
  .board_view2{width:99.2%;}
  .board_view2 dd {height:42px;overflow:hidden;text-overflow:ellipsis}
  /* 내업무 */
  .btn01{max-width:100%;margin:0;padding:0 10px}
  .btn01_big{max-width:100%;}
  .btn02{max-width:100%;margin:0;padding:0 10px}
  .btn_line01 {max-width: 100%;min-width: auto;margin:0;padding:0 10px;}
  .btn02_big{max-width:100%;margin:0;}
  .btn_container{margin-top:10px}
  .half_area{width:100%}
  .tab button{width:33.3%;border-right:#c8d1db solid 1px;border-bottom:#316db5 solid 1px;padding:10px 4px;margin-bottom:7px;}
  .absol_st{position:static;}
  .title_bar_container{margin-top:10px}
  .title_bar_container>.title_bar>.title_bul,
  .title_bar_container02>.title_bar>.title_bul,
  .title_bar_container>.title_bar03>li>.title_bul,
  .title_bar03>li:last-child,
  .title_bul02{/*font-size:12px*/}
  .sch_container{height:35px;}
  .sch_list01,.sch_list03{float:right}
  .sch_list01>li{float:none}
  .sch_btn{position:relative;width:100%;height:33px;float:none}
  .sch_btn>span{position:absolute;top:5px;}
  .res_ml48{margin-left:0}
  .sch_container02{float:none}
  .signup-wrap, .dropout-wrap {padding: 20px 30px}
  .bul_st_date {width: 100%;height: 30px !important;margin: 0px 5px 10px 0 !important}
  
  /* 민원신청/답변 */
  .form_center>ul{display:block;}
  .box_area>div{position:static;}
  .box_area>div>.btn_mt01{float:right;margin-top:17px;}
  .box_area>div>ul{margin-right:0}
  .box_area>div>ul>li{height:60px;}
  .form_center>ul>li:nth-child(2){margin-top: 40px;}
  
  .tab-07 button{width: calc((100% - 10px) / 2) !important;}
  .tab-08 button{width: calc(97%/3) !important; font-size: 12px !important; }
  
  /* .list_bar{margin-top:20px} */
  
  /* 컨테이너터미널 입출항 현황 */
  .sch_list02>li{width:100%}
  .sch_list02>li>input{max-width:90%;margin:0 !important;}
  .sch_list02>li>.ui-datepicker-trigger{margin:0}
  .response_st05{padding:16px 12px 65px 12px !important;}
  
  /* 업체관리 */
  #compManageInfoUpdate .w200px {width:100% !important; min-width:100% !important}
  #compManageInfoUpdate .tb_btn01 {margin-left:0 !important;margin-right:0 !important;margin-bottom:0 !important;margin-top:5px !important}
  #compManageInfoUpdate #company_tel1, #compManageInfoUpdate #company_tel2, #compManageInfoUpdate #company_tel3,
  #compManageInfoUpdate #company_fax1, #compManageInfoUpdate #company_fax2, #compManageInfoUpdate #company_fax3, 
  #compManageInfoUpdate #company_phone1, #compManageInfoUpdate #company_phone2, #compManageInfoUpdate #company_phone3,
  #compManageInfoUpdate #company_zipcode {width:30% !important; min-width:30% !important;margin-right:5px !important}
  #compManageInfoUpdate #addrSearch {margin-top:0 !important}
  #compManageInfoUpdate #company_tel3, #compManageInfoUpdate #company_fax3, #compManageInfoUpdate #company_phone3 {margin-right:0 !important}
  #compManageInfoUpdate .line_st {display:none}
  #compManageInfoUpdate #company_email_id {width:100% !important; min-width:100% !important}
  #compManageInfoUpdate #company_email_input {width:100% !important; min-width:100% !important;margin-top:5px !important}
  #compManageInfoUpdate #company_email_select {width:50% !important; min-width:50% !important;margin-left:0 !important; margin-top:5px !important;margin-right:5px !important}
  #compManageInfoUpdate .check_list>li {margin: 0 10px 0 0 !important}
  #compManageInfoUpdate .count_wrap > ul > li {width:100% !important; margin-bottom:5px !important}
  #compManageInfoUpdate .count_wrap > ul > li:last-child {margin-bottom:0 !important}
  
  #compManageUserInfoDetail .tb_btn01 {margin-left:0 !important;margin-right:0 !important;margin-bottom:0 !important;margin-top:5px !important}
  
  /* 인천항업체조회 */
  .form_area{margin-top:10px;min-height: 90px;text-align:center;padding: 0;}
  .form_area>ul>li{float:none;height:auto;line-height:15px}
  .form_area>ul{float:none;margin-right:0;padding: 10px 10px 10px 10px;height: 29px;}
  .form_area>ul>li>input{width:100%;max-width:100%}
  .form_area>ul>li>select{width:100%;}
  .form_area>ul>li:nth-child(2){margin-right:0}
  .form_area>ul>li:first-child{margin:0;}
  .form_area_b{margin-top:10px;height:auto !important;min-width:auto !important;/*min-height:110px;text-align:center;padding:0;*/}
  .form_area_b>ul{float:none;margin-right:0;padding:10px 0 0 10px;}
  .form_area_b>ul>li{float:none;height:auto;line-height:15px;margin:0}
  .form_area_b>ul>li:nth-child(2){margin-right:0}
  .form_area_b>ul>li:first-child{margin-top:0;margin-right:0}
  .form_area_b .w100{margin:0 0 0 -12px !important;}
  .search_btn{margin-left:0;}
  .form_area{}
  .form_area_b .bul_st:before{position:absolute;left:-9px;}
  .bul_st:before{position:absolute;left:-9px;top:50%;}
  .btn_mt01{margin-top:9px;float:none;padding:0 0}
  .btn_mt02{margin-top:-14px;float:none;}
  .btn_mt03{margin:10px 0 10px 0;padding:0 0 0 0;float:none;/*height:30px*/}
  .pl0 .btn_mt03{padding:0 0 0 10px;}
  .btn_mt04{margin-top:60px !important}
  .btn_mt05{margin: 0 0 10px 0;padding: 0 0;float: none;}
  .btn_mt05 span {float: none !important; margin: 0 !important; display:block}
  .btn_mt05 span:last-child {margin-top:5px !important}
  .btn_mt06{margin:-3px 0 5px 0;padding:0 0 0 0;float:none;height:42px}
  
  .main_tab.rdf button{width:calc((100% - 13px) / 2);height:27px;background:#f9f9fb;border:#c8d1db solid 1px;margin:0 2px;float:left;outline:none;cursor:pointer;padding:0px 5px;font-size:13px;word-break:keep-all}
  .main_tab button:hover{background-color:#f1f6fb;}
  .main_tab button.active{background:url(/smart/images/tab_bg.png)no-repeat, #00818F;background-size:cover;color:#fff;font-weight:bold;border:#0da3a6 solid 1px;}
  .main_tab button:focus{border:#333 solid 2px;}
  
  /* 업체등록요청 */
  .form_area>dl{padding:25px 12px 12px 12px}
  .form_area>dl>dd:first-child{float:none;text-align:left;margin-left:0;padding:10px 12px}
  .form_area>dl>dd:nth-child(2){float:none;}
  .form_area>dl>dd{height:auto;line-height:0;}
  
  /* 갑문입출거예정시간표 */
  .tab{margin-top:20px}
  /*.main_tab button{width:25%}*/
  .form_list{float:right;margin-top:-16px}
  .form_list>ul>li{padding:0;width:100%;/*margin-bottom:8px;*/float:right}
  .form_btn_list > dl dd{margin:0 5px}
  .form_btn_list{clear:both;float:none;width:100%;padding-top:10px}
  .form_btn_list > dl{width:100%;}
  .form_btn_list > dl dd{float:none;padding:5px 0;}
  
  /* 항만시설임대현황 */
  .bul_st>span{margin-top:7px;margin-right:0}
  .form_area_b>ul>li>select,
  .form_area_b>ul>li>input{margin-top:0;width: 100%}
  .form_area_b>ul>.bul_st{width:100%;height:30px;margin:0px 5px 10px 0;}
  .form_area_b>ul>.bul_st:last-child {margin-bottom:11px}
  .sel_st02{float:right;width:50%;max-width:70%;}
  /*.res_right{float:right}*/
  
  /* 서브공지사항 */
  .form_area>ul>li:first-child>select{margin:0 0 10px 0;}
  .excel_area{margin-top:20px}
  .sel_st{float:none}
  .h155{min-height:155px;}
  .wd135{min-width:350px}
  
  /* 월별예상수위 */
  /*.form-date{float:right;}*/
  
  /* 컨테이너터미널 */
  .form_area_b li.bul_st ul.response_st02 li > span.div {left:0px;}
  input#carNo, input#containerNo, input#shipNo, span#inPortDiv{float:right}
  
  /* 해무기상정보 */
  .marine_list01>.chart_data01>li {float:left;width:calc((100% - 45px) / 2)}
  .marine_list01 {height:120px}
  .marine_list01 > ul {width:100%}    
  /* 항만운영통계 */
  /*.tab-05 button, .tab-06 button, .main_tab button:first-child, .main_tab button:last-child {margin:0 !important;}*/
  
  #portTab.main_tab button {margin:0 2px !important;}
  
  /* 인천항 투자정보 */
  .response_st04{width:100%;margin-bottom:10px;}
  
  /* 통합 Port-MIS 안내 */
  .tab-02 button{width:calc((100% - 6px) / 2)}
  
  /* 정기선현황 */
  .h60{/*min-height:60px*/}
  .title_bar_container02{height:30px;margin-top:20px}
  .btn_right_area02{float:left;margin:5px 0 10px 0}
  /*.btn_align_area{height:70px}*/
  .title_bar03>li:first-child{width:100%}
  .title_bar03>li:last-child{float:left;margin:5px 0 0 22px}
  
  /* 달력 */
  /*.form_area_b > ul > .bul_st > img.ui-datepicker-trigger {display:none}*/
  /*.form_area_b .response_st02 > li > img.ui-datepicker-trigger {display:none}*/
  .form_area_b li.bul_st ul.response_st02 li > img.ui-datepicker-trigger, .form_area_b .form-control, .response_st02 form-control {right: 8px !important;}
  .form-date, .form-control2, .form-control {margin-right:-22px}
  .statis_date{margin-right:0px}
  
  /* 인센티브 추진 절차 */
  .list_st2 li.bb {width:70% !important}
  .list_st2 li.arrow_down {width: 70% !important}
  
  /* 21.08.10 오유정 추가 */
  /* 만족도 조사 */
  .survey_area{width:auto}
  .survey_tit{position:relative;height:auto;/*line-height:none;*/text-indent:75px}
  .survey_txt02{display:block;width:100%;margin-left:-75px;margin-top:10px;margin-bottom:10px;line-height:18px}
  .survey_area .form-control04{width:100% !important;min-width:100% !important}
  .response_st06{margin-left:0 !important;margin-top:20px;padding:0;width:100%}
  .survey_list {margin-left:0;}
  .survey_list li{width:40%;padding:0;}
  .survey_list>li:first-child, .survey_list>li:last-child{padding:0 !important}
  
  /* dialog */
  .main_container01{width:100% !important;height:100%; min-width:100% !important;} 
  .ui-dialog.ui-widget.ui-widget-content {/*top:5px !important;*/left:5px !important;width:calc(100% - 10px) !important; height:auto !important}
  
  
  /* input 100% */
  .form-control05{width:100% !important}
  
  /* 검색버튼 */
  .btn_area a{margin-top:5px}
  .btn_area a:first-child{margin-top:0}
  
  .f02{float:none;width:100px;margin-right:-22px!important;}
  
  /* 고정영역 첫번째 */
  .user_data>ul>li:nth-child(2)>.p_tit02,
  .user_data>ul>li:nth-child(4)>.p_tit02{width:120px}
  
  /* 인센티브 추진 절차 */
  .insentive_step_area>div {width:90%; height:auto;}
  
  /* .form_area_b li.bul_st ul.response_st02 li > span.waveArea {margin:0; line-height:30px} */
  
  #footer_mobile .link_area .bl0 li:first-child {padding:0}
  
  .mh {height:auto !important}
  .btn01_big.fl{float:none !important;width:calc((100% - 93px) / 2);display:inline-block;}
  .btn01_big.mr10{margin-right:0 !important} 
  .sel_st.w160px{width: 100%}
  .w300px{max-width:100% !important;min-width:100% !important;width:100% !important;}
  .w400px{max-width:100% !important;min-width:100% !important;width:100% !important;}
  .m_w200px {max-width:70% !important;min-width:70% !important;width:70% !important;}
  
  .tb_sel_st {min-width:auto}
  
  /* 입항년도 */
  .input_list {display:inline-block;}
  .input_list dt{float:left;width:76px;line-height:30px;}
  .input_list dd:first-child{float:left;margin-top:10px;}
  .input_list dd{ margin-top:10px;text-align:right;}
  .input_list .form-date2{width:100px;margin-top:-10px;height:30px}
  
  input.countryWidth{width : 120px !important; min-width:120px !important;}
  
  /* 요금조회상세 */
  #billInfoDetail .info_head div {width:100% !important}
  #billPayList .alignR {text-align:center !important}
  #billInfoList .alignR {text-align:center !important}
  
  /* 21.10.29 오유정추가 */
  .m_intro_wrap{position:absolute;top:0;width:100%;z-index:9999999;}
  .menu_guide{padding:0px 0 30px 0px;}
  .login_guide{padding:21px 0 30px 13px;}
  .rolling_guide{margin-left:auto;margin-right:auto;display:table;}
  .rolling_guide>li{float:left;padding:0 5px}
  .guide_typo{width:100%;height:auto;margin:20px 0 0 0;z-index:999999;font-weight:bold;text-align:center}
  .guide_typo>li{font-size:25px;font-weight:500;line-height:40px;color:#fff}
  .m_btn_guide{margin-top:40px;}
  .guide_btn01{cursor:pointer;width:30%;padding:0 10px;margin:0 auto;height:40px;line-height:40px;border:#ccc solid 1px;text-align:center;font-weight:bold;font-size:15px;}
   .m_btn_guide a {display:block;color:#fff;}
  .guide_btn02{cursor:pointer;background:#f57c10;width:30%;padding:0 10px;margin:10px auto;height:40px;line-height:40px;border:#f57c10 solid 1px;text-align:center;font-weight:bold;font-size:15px;}
  .guide_btn01>a,.guide_btn02>a{color:#fff;}
  .guide_txt01{color:#f5d710;}
  .finger_guide{margin:30px auto;width:100%;}
  .finger_guide>li{color:#fff;font-size:13px;text-align:center;line-height:23px;}
  .finger_guide>li:first-child{margin:30px 0 10px 0;cursor:pointer;}
  .guide_list{width:90%;margin:30px auto;border:rgba(239,239,239,.6) solid 1px;border-radius:10px;}
  .guide_list>li{position:relative;font-size:14px;padding:13px 20px 13px 20px;font-weight:normal;line-height:20px;color:#fff;text-align:left;}
  .dim{position:fixed;top:0;left:0;z-index:99999;width:100%;height:100%;background-color:#000;opacity:0.9;filter:Alpha(opacity=50)}
   
  /* 20220204 오유정 추가 */
  .m_gd_img_area01{display:block;}
  .gd_img_area01{display:none;}
  .cont_tit01{font-size:15px;background-position:20px 20px;padding:20px 0 5px 47px;}
  .cont_tit_st01, .cont_tit_st02{font-size:15px;}
}

@media only all and (max-width:540px){
  
  /* 사무동 전기 사용량 정보 */
  #officeElecUseInfo .main_tab button {width:calc((100% - 13px) / 2) !important}
  #officeElecUseInfo .main_tab button:nth-child(3) {margin-top:2px !important;margin-left:0 !important}
  #officeElecUseInfo .main_tab button:nth-child(4) {margin-top:2px !important;}
  
  .check_list2>li {width:50%}
  
  /* 사이트맵 */
  .sitemap_wrap > ul.main_menu02 > li.sub_wrap > ul > li {width:calc((100% - 25px) / 1)}
  
  .title_cont>ul>li{float:none}
  .title_table{height:auto;}
  .title_cont>ul>li:after{background:none;}
  .tab button{width:50%;border-right:#c8d1db solid 1px;border-bottom:#316db5 solid 1px;padding:10px 2px;margin-bottom:7px;}
  /*.user_data>ul{width:auto;padding:0 20px;}*/
  .user_data>ul>li{float:none;width:100% !important;}
  .user_data>ul>li>.tit02 > span {line-height: 23px;}
  .user_data>ul>li:nth-child(2)>.p_tit02,
  .user_data>ul>li:nth-child(4)>.p_tit02{width:120px}
  .user_data.complaints>ul {width: auto;float: none;padding-top: 10px !important;padding-right: 15px !important;padding-bottom: 0 !important;padding-left: 15px !important;}
  #content_main_top>div.info_area {/*height: 310px !important;*/margin-right:0}
  /*.user_data>ul>li:nth-child(4){margin-top:5px !important;}*/
  /*#content_main_top>.info_area{height:330px;}*/
  .sch_list01>li.sch_btn{margin-left:0px;width:100%;height:30px;margin-top:10px}
  .w_info02,  .w_info03{font-size:15px}
  /* 인센티브 정책 */
  .btn_list_two02{height:55px}
  .btn_list_two02>ul>li{width: 100%;margin: 0;}
  .btn_list_two02>ul>li:first-child,
  .btn_list_two02>ul>li:last-child{margin:0;margin-bottom:20px}
  .btn_list_two02>ul>li:first-child{margin-bottom: 0;}
  .monitoring_box li dt{font-size: 13px}
  /*.monitoring_box dd{display: block;width: 100%; font-size:12px;padding:5px 1%;}*/
  /* 내업무 */
  /*.mx_70{max-width:70px}
  .mx_80{max-width:80px}*/
  .sel_st04{min-width:180px}
  
  /* 회원가입, 아이디찾기, 비밀번호초기화 */
  .signup-wrap .cont_procedure li {font-size:13px !important}
  #con_body .phone {}
  #con_body .ipin {background-size:100%}
  #con_body .phone > .text, #con_body .ipin > .text {/* padding-top:0 !important */}
  #con_body .join_certify {height: 290px !important;/* padding:0px !important; */}
  #con_body .join_certify .box .text {min-height: 60px;height: 100px;}
  .popup_tit {max-width:100% !important; min-width:100% !important}
  .main_container02 {max-width:100% !important; min-width:100% !important}
  .btn-wrap > ul > li {width:100% !important}
  .btn-wrap > ul > li > button {width:100% !important;font-size:13px !important}
  #con_body .cont_title {font-size:14px}
  
  #changeUserInfoTable #email_input {max-width:50%}
  #changeUserInfoTable #email_select {clear:both}
  
  .incentive-wrap .arrow-steps .step:not(:first-child) span{z-index: 2;padding-left:20px}
  .signup-wrap .arrow-steps .step:not(:first-child) span{z-index: 2;padding-left:20px;}
  .compreg-wrap .arrow-steps .step:not(:first-child) span {z-index: 2;padding-left:20px;}
  
  .portal_s_info2 {height:auto;width:auto}
  .portal_s_info2 div {width: 100%;margin-right: 0;float: none !important;}
  .portal_s_info2 > div:first-child {width:262px;margin:0 auto;margin-bottom:20px}
  .portal_s_info2 > div:nth-child(2) {width:262px;margin:0 auto}
  
  /* 540 이미지 변경 */
  img[src='/images/20180221_225417124_55199.png'] {content: url(/smart/images/20180221_225417124_55199_m.png)}
  img[src='/images/20180221_225427729_79037.png'] {content: url(/smart/images/20180221_225427729_79037_m.png)}
  img[src='/images/20180221_225438714_00738.png'] {content: url(/smart/images/20180221_225438714_00738_m.png)}
  img[src='/images/20180221_225449094_47867.png'] {content: url(/smart/images/20180221_225449094_47867_m.png)}
  img[src='/images/20180221_225501328_09514.png'] {content: url(/smart/images/20180221_225501328_09514_m.png)}
  img[src='/images/img_web_portmis1.png'] {display:none !important}
  img[src='/images/img_web_portmis1_m.png'] {display:block !important}
  img[src='/images/img_web_portmis2.png'] {display:none !important}
  img[src='/images/img_web_portmis2_m_03.png'] {display:block !important}
  img[src='/images/img_web_portmis3.png'] {display:none !important}
  img[src='/images/img_web_portmis3_m.png'] {display:block !important}
  img[src='/images/img_web_portmis4.png'] {display:none !important}
  img[src='/images/img_web_portmis4_m.png'] {display:block !important}
  img[src='/images/img_web_portmis7.png'] {display:none !important}
  img[src='/images/img_web_portmis7_m.png'] {display:block !important}
  img[src='/images/img_web_portmis12_02.png'] {display:none !important}
  img[src='/images/img_web_portmis12_02_m.png'] {display:block !important}
  img[src='/images/circle_step.png'] {display:none !important}
  img[src='/images/circle_step_m.png'] {display:block !important}
  img[src='/images/cont_img01.png'] {display:none !important}
  img[src='/images/cont_img01_m.png'] {display:block !important}
  img[src='/images/portal_service_img.png'] {display:none !important}
  img[src='/images/portal_service_img_m.png'] {display:block !important}
  img[src='/images/img_web_portmis9_02.png'] {display:none !important}
  img[src='/images/img_web_portmis9_02_m.png'] {display:block !important}
  
  img[src='/images/data_capture_01.png'] {display:none !important}
  img[src='/images/data_capture_01_m.png'] {display:block !important;margin:0 auto}
  img[src='/images/data_capture_02.png'] {display:none !important}
  img[src='/images/data_capture_02_m.png'] {display:block !important;margin:0 auto}
  img[src='/images/data_capture_03.png'] {display:none !important}
  img[src='/images/data_capture_03_m.png'] {display:block !important;margin:0 auto}
  img[src='/images/data_capture_04.png'] {display:none !important}
  img[src='/images/data_capture_04_m.png'] {display:block !important;margin:0 auto}
  
  .msg_tbl_top_guide .br {display:block}
  
  .lu_o .portlet_wrap_area {margin-top:497px}
}

@media only all and (max-width:500px){
  /* 21.08.10 오유정 추가 */
  /* 만족도 조사 */
  .survey_list>li:last-child{padding:10px 0 0 0}
  /*.portlet_tab button{margin:0 1px}*/
  .survey_txt02 {margin-left: 0}
  table{max-width:640px;overflow-x:auto}
  .response_st02 .form-date {width:100px !important;}
   input.countryWidth{width : 110px !important; min-width:110px !important;}
   
  .weather_area {width:40%;margin:0}
  .weather_area>div {display:inline-block;clear:both;width:100%;}
  .weather_area>div>img {display:block;width:90px;height:90px;margin:0 auto}
  .weather_area>.w_list {width:100%;display:inline-block}
  .weather_area>.w_list>li {text-align:center}
  .weather_area02 {width:60%}
}

@media only all and (max-width:400px){
  .p_list-05>li {width:auto}
  .title_table>.main_title{min-height:98px;}
  .title_table>.main_title>span{float:none}
  .tit_btn_list{padding-left:15px;float:none !important;}
  /*.popup_btn01 {padding:0 5px}*/
  .btn_list{min-height:80px}
  .btn_list>ul{margin-bottom:20px}
  .btn_list>ul>li:first-child{margin:0;}
  .btn_list>ul>li{margin:0;clear:both;}
  .btn_list>ul>li:last-child{margin:0}
  /*.btn_area a:first-child{margin-top:20px}*/
  .form_list>ul>li{float:left;}
  .main_tab button{/*width:100% !important;*/margin:0 0 0 3px !important;padding:5px !important;word-break:break-all}
  /*.main_tab button:last-child{margin:4px 0 0 0 !important}*/
  .main_tab button.active{background-size:cover} 
  .sel_st{min-width:132px;}
  .box_area>.btn_mt01{padding:0 0 0 12px}
  .bord_list_area li dl > dt {width:100% !important}
  .bord_list_area li dl dd{display:none;}
  .btn_list_two>ul>li{/*clear:both;float:none*//* padding: 0 15px !important; */min-width: 0;}
  .btn_list_two>ul>li:first-child{margin:0 3px 0 0;}
  .btn_list_two>ul>li:last-child{margin:0;}
  .portlet_tab button{margin:0 1px !important;}
  /*.portlet_tab button:last-child{margin:0;}*/
  .response_st01{float:none;margin-top:0 !important;}
  /*.response_st02{width:100%;height:33px;margin-top:10px}
  .response_st02>li>input{float:left;margin-top:0px !important;}
  .response_st02 li > span.div {float: left;margin-top:5px}*/
  .response_st02 li>input{margin-top:0}
  .response_st03{width:100%;height:33px;margin-top:10px}
  .response_st03>li>input{float:left;max-width:100%;margin-top:0px !important;}
  .h66{height:66px !important;}
  .title_bar_container03>.title_bar>.title_bul{font-size:12px;padding-left:0px}
  .title_bar_container03>.title_bar>.title_bul:before{background:none;}
  /*.title_bg>span{padding:33px 20px}*/
  .incentive-wrap .arrow-steps .step span{font-size: 80%}
  .signup-wrap .arrow-steps .step span{font-size: 80%}
  .compreg-wrap .arrow-steps .step span {font-size: 80%}
  /* 21.08.10 오유정 추가 */
  /* 만족도 조사 */
  .survey_tit:before{background:none;}
  .survey_tit{text-indent:0;line-height:20px}
  .survey_list{margin-left:0;}
  .survey_txt01 {font-size:13px}
  /* 달력 */
  .form_list{float: right; margin:0 0 0 0}
  .form_area_b li.bul_st ul.response_st02 li > img.ui-datepicker-trigger {top:-15px; right:8px !important;}
  .form-date {width:100px;margin-right:-22px!important;}
  .form_area_b select {margin-top:0 !important;}
  .form_area_b .h66{height:28px !important;}
  /*.form_area_b .h66 > span {width:52px}*/
  .form_list>ul>li{line-height:18px !important;}
  .form_area_b li.bul_st ul.response_st02 li > span.div {height:30px;line-height: 1.42857143;margin-top:2px;}
  .form_area_b li.bul_st ul.response_st02 li > span.div2 {height:30px;line-height: 1.42857143;margin-top:2px;}
  .form-control {margin-top:0 !important;}
  .form_area_b>ul>li>input{margin-top:0;width:100%;}
  .form-control04{width:180px !important;min-width:180px !important}
  
  .form_area_b .form_list input.form-control02, .form_area_b .form_list .btnsearch2,
  .btnsearch1, .btnsearch2, .btnsearch3 {margin-top:0 !important}
  
  input.countryWidth{width : 95px !important; min-width:95px !important;}
  input.itemWidth{width : 88px !important; min-width:88px !important;}
  select.itemSelWidth{width : 120px !important; min-width:120px !important;}
  /* 화물반출입현황*/
  a[role=callSignLookup]{margin-top: 0px !important;}
  a[role=agentNmLookup]{margin-top: 0px !important;}
  
  /* 물류상황모니터링*/
  .monitoringPortlet_box dt {font-size:12px}
  .monitoringPortlet_box dd {padding:4px 4%; font-size:11px}
  
  /* 사무동 전기 사용량 정보*/
  div[role=monthElecLeft]{width:100%; }
  div[role=monthElecRight]{width:100%; }
  div.monthElecRightBottom{margin-bottom:30px; }
  
  /* 인센티브 신청 */
  .incentive-wrap .cont-area .btn_list {width:auto}
  
  #footer_mobile .footer > ul > li {letter-spacing: 0;font-size: 12px;}
}

/* 아이폰4,5 세로 */
@media only all and (max-width:320px){
  .main_bg01{min-width:360px;}
  .title_table>.main_title{min-height:130px}
  .bord_list_area{padding:0;}
}


@media only all and (max-width:430px){
  .m_box_tit01{color:#333333;font-size:14px;font-weight:bold}
  #top_wrap_mobile ul li.logo h1>div:first-child>a>img{width:40%!important;left:40%!important;top:15px!important;}
  #top_wrap_mobile ul li.logo h1>.btn_link>a>img{width:30%;position:absolute!important;top:13px!important;left:50%!important;margin-left:30px!important;}
}
@media only all and (max-width:395px){
  #top_wrap_mobile ul li.logo h1>div:first-child>a>img{width:40%!important;left:40%!important;top:17px!important;}
  #top_wrap_mobile ul li.logo a>img{margin-left:-88px!important;}
}

@media only all and (min-width:768px){
	.head-menu-navi {display:none}
}
/* DivTable  210829 김영숙 수정  */
@media only all and (min-width:768px){
   /* DivTable 모바일만  Freeform */   
  .div_table2{display:table;width:100%;border-collapse:collapse;border-spacing:0;} 
  .div_table2 .table_heading {background-color:#f1f6fb;display:table-header-group;border-top:#316db5 solid 2px}
  .div_table2 .table_row {display: table-row;} 
  .div_table2 .table_row02{float: left;display:table-row;width: 100%}
  .div_table2 .m02 {display: table-row;width:100%;} 
  .div_table2 .table_head {display:table-cell;margin-bottom:-1px;padding:8px 0;border:#c8d1db solid 1px;vertical-align:middle;text-align:center;font-size:13px;color:#316db5;font-weight:600;border-bottom:0}
  .div_table2 .table_cell {display:table-cell;margin-right:-1px;margin-top:-1px;padding:8px 0;border:#c8d1db solid 1px;vertical-align:middle;overflow: hidden;color:#383838;text-align:center;font-size:13px}
  .div_table2 .table_body {display:table-row-group;}
  .div_table2 .table_body > div:nth-child(even){background-color:#fbfbfb;}
  div:not(.table-responsive) > .div_table2 {position: relative;}
  div:not(.table-responsive) > .div_table2 .table_body .table_row .table_cell.nodata {display: table-cell !important;padding: 0 !important;box-sizing: border-box;}
  
  .m_gd_img_area{display:none;}
}
    
@media only all and (max-width:767px){
  .page-wrap {min-height: auto}
  
  /* DivTable  */
  .div_table .table_heading .table_row,
  .div_table .table_body .table_row.m02,
  .div_table .table_body .table_row.m03,
  .div_table .table_body .table_row.m04 {border-bottom:#c8d1db solid 1px;}
  .div_table .table_row.m02 .table_head {background: url("images/ico_line01.png") no-repeat right 50%;display:inline-block;width:20% !important;margin-right:0;padding:4px 0;box-sizing: border-box;border:none;}   
  .div_table .table_row.m02 .table_cell {display: inline-block;width:20% !important; margin-right:0;padding:4px 0;box-sizing: border-box; border:none;}
  .div_table .table_row.m03 .table_head {background: url("images/ico_line01.png") no-repeat right 50%;display:inline-block;width:33.333% !important;margin-right:0;padding:4px 0;box-sizing: border-box;border:none;}   
  .div_table .table_row.m03 .table_cell {display: inline-block;width:33.333% !important; margin-right:0;padding:4px 0;box-sizing: border-box; border:none;}
  .m_blind{display:none !important;visibility:hidden!important;position:absolute!important;width:0!important;height:0!important;overflow:hidden!important;color:transparent!important;font-size:0!important;line-height:0!important;background-color:transparent!important}
  div:not(.table-responsive) > .div_table2 {position: relative;}
  div:not(.table-responsive) > .div_table2 .table_body .table_row .table_cell.nodata {box-sizing: content-box;display: table-cell !important;padding: 0 !important;box-sizing: border-box;}
  
  .div_table .table_cell.wb01 { word-break:keep-all; padding: 6px 10px !important;}
  
   /* DivTable 모바일만  Freeform */   
  .div_table2{display:flex;align-items: center;} 
  .div_table2 .table_heading {width:30%;background-color:#f1f6fb}
  .div_table2 .table_body {width:70%;}
  .div_table2 .table_head:first-child {border-top:#316db5 solid 2px}
  .div_table2 .table_head {display:flex;justify-content: center;align-items:center;margin-bottom:-1px;padding:8px 0;border:#c8d1db solid 1px;text-align:center;font-size:13px;color:#316db5;font-weight:600;min-height: 17px;}
  .div_table2 .table_cell:first-child {border-top:#316db5 solid 2px}
  .div_table2 .table_cell  {display:flex;align-items: center;margin-bottom:-1px;margin-left:-1px;padding:8px 10px;border:#c8d1db solid 1px;color:#383838;text-align:left;font-size:13px;min-height: 17px;}
  .div_table2 .table_head.mh02  {height:36px;}
  .div_table2 .table_cell.mh02  {height:36px;overflow-y:auto;}
  
  /* DivTable PC, 모바일 Freeform */
  .div_table4 .table_head {font-size:12px !important}
  .div_table4 .table_head.fsd {font-size:11px !important}
  .div_table4 .table_head.wb01 { word-break:keep-all; padding: 6px 10px !important;}
  .div_table4 .table_head.wb02 { word-break:keep-all; }
  .div_table4.view .table_head, .div_table4.view .table_cell {padding:8px;height:34px}
  .div_table4 .table_head, .div_table4 .table_head.w02 {width:30% !important;}
  .div_table4 .table_cell, .div_table4 .table_cell.w02{width:70% !important;}
  .div_table4 .table_head.w02.end{border-left:#c8d1db solid 1px;}
  .div_table4 .table_head.w03.end{border-left:#c8d1db solid 1px;}
  .div_table4 .table_head.mh02  {height:60px;padding:20px 15px}
  .div_table4 .table_cell.mh02  {height:60px;overflow-y:auto;}
  .div_table4 .form-ipt-s {padding-left:30px}
  
  .div_table4 .table_row.attach .table_head {width:30% !important}
  .div_table4 .table_row.attach .table_cell {width:70% !important}
  
  .div_table4 .table_row.attach.d02 .table_head {width: 30% !important}
  .div_table4 .table_row.attach.d02 .table_cell {width: 70% !important}
  
  .div_table4 .table_row.cp_h .table_head {width:30% !important}
  .div_table4 .table_row.cp_h .table_cell {width:70% !important}
  
  .div_table4 .table_row .table_cell span.fileinfo { max-width: 130px; display: block; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; line-height: 27px; }
  
  /* 이메일, div_table4 > [input] @ [input] [select] */
  .div_table4 .table_head.email {height:120px !important;line-height: 90px !important}
  .div_table4 .table_cell.email {height:120px !important}
  .div_table4 .table_cell.email input:nth-child(1) {clear:both;min-width:80% !important}
  .div_table4 .table_cell.email .form-ipt-s {padding-left:30px}
  .div_table4 .table_cell.email input:nth-child(3) {clear:both;min-width:100% !important;margin:5px 0 0 0 !important}
  .div_table4 .table_cell.email select:nth-child(4) {clear:both;margin:5px 0 0 0 !important}
  .div_table4 .table_cell.email .sel_st02 {float:left !important}
  
  /* 주소, div_table4 > [input] [button] [input] [input]*/
  .div_table4 .table_head.adr {height:120px !important;line-height: 90px !important}
  .div_table4 .table_cell.adr {height:120px !important}
  .div_table4 .table_cell.adr p:nth-child(3) input {margin:5px 0 0 0 !important}
  
  /* 전화번호, div_table4 > [select] - [input] - [input] */
  .div_table4 .table_cell.tel select {width:50px !important;min-width:50px !important;}
  .div_table4 .table_cell.tel .form-ipt-s:nth-child(2) {padding-left:15px}
  .div_table4 .table_cell.tel .form-ipt-s:nth-child(4) {padding-left:30px}
  .div_table4 .table_cell.tel input {width:50px !important;min-width:50px !important;}
  .div_table4 .table_cell.tel .sel_st02 {float:left !important}
  
  /* 휴대폰번호, div_table4 > [select] - [input] - [input] */
  .div_table4 .table_cell.mtel select {width:50px !important;min-width:50px !important;}
  .div_table4 .table_cell.mtel .form-ipt-s:nth-child(2) {padding-left:15px}
  .div_table4 .table_cell.mtel .form-ipt-s:nth-child(4) {padding-left:30px}
  .div_table4 .table_cell.mtel input {width:50px !important;min-width:50px !important;}
  .div_table4 .table_cell.mtel .sel_st02 {float:left !important}
  
  /* 달력+시+분, div_table4 > [input+datepicker] [input] 시 [input] 분 */
  .div_table4 .table_head.wtdate {height:85px !important;line-height:55px !important}
  .div_table4 .table_cell.wtdate {height:85px !important}
  .div_table4 .table_cell.wtdate .sch_list02 li:nth-child(1) {clear:both}
  .div_table4 .table_cell.wtdate .sch_list02 li:nth-child(2) {width:auto;margin-top:5px}
  .div_table4 .table_cell.wtdate .sch_list02 li:nth-child(3) {width:auto;margin-top:5px}
  .div_table4 .table_cell.wtdate .sch_list02 li .form-ipt-s {padding-left:10px !important}
  
  .div_table4 .form_list02 ul.response_st02 li > img.ui-datepicker-trigger {right:8px !important}
  
  
  .div_table4 .table_head.adr2 {height:80px !important;line-height: 50px !important}
  .div_table4 .table_cell.adr2 {height:80px !important}
  .div_table4 .table_head.adr3 {height:80px !important;line-height: 50px !important}
  .div_table4 .table_cell.adr3 {height:80px !important; overflow-y:auto;}
  
  .div_table4 .form-control2 { max-width:150px !important;}
  .div_table4 .form_list02 ul.response_st02 li > span.div {left: 0px !important;}
  
  .div_table4 .table_head.file {height:100px !important;line-height: 70px !important}
  .div_table4 .table_head.file2 {height:100px !important;line-height: 35px !important}
  .div_table4 .table_cell.file {height:100px !important; overflow-y:auto;}
  .div_table4 .table_cell.file2 {height:100px !important;line-height: 35px !important}
  
  #RDList.div_table .table_head { word-break:keep-all !important; }
  
  .p_list-05>li{width:20%;float:left;margin:0 10px 0 0 !important;}
  .p_list-05>li.ws01{ width:36% !important; min-width:75px; margin:0 5px 0 0 !important;}
  
  div[role=fcltyInfo] .tab button{width: 33%;border-right:#c8d1db solid 1px;border-bottom:#316db5 solid 1px;padding:10px 2px;margin-bottom:7px;}
  
   /* 211204 가이드 오유정 추가 */
  .gd_img_area{display:none;}
  .m_gd_img_area>img{max-width:90%;margin-left:auto;margin-right:auto;display:table;}
  .m_gd_img_area{margin:0 0 30px 0;background:#fff;border:#dfdfdf solid 4px;color:#ff0000;font-size:14px;line-height:30px;font-weight:bold;padding:20px;}
  .m_gd_img_area>ul{padding:20px 20px 10px 20px;}
  .guide_container{text-align:center;font-size:17px;line-height:30px;}
  .gd_tit_area{font-size:15px;line-height:29px;padding:30px 0 10px 0;}
  .gd_tit_area02,.gd_tit_area03{font-size:13px;line-height:25px;}
  .all_guide{margin:25px;}
  
  .alignL_m{text-align:left !important}
}

@media only all and (max-width:400px){
  .div_table4 .table_head.wtdate {height:120px !important;line-height:normal !important}
  .div_table4 .table_cell.wtdate {height:120px !important}
  .div_table4 .table_cell.wtdate .sch_list02 li:nth-child(1) > input {width:70% !important}
  
  .box_container {padding:0}
}

@media only all and (max-width:455px){
  .m_box_tit01{color:#333333;font-size:16px;font-weight:bold;line-height:16px}
  .m_box_list>li{padding:0 0 10px 10px}
  .m_box_list{height:100% !important}
  .m_box_list>li>dl{width:calc(100% - 70px)}
  .m_box_tit01_1, .m_box_tit02_1, .m_box_tit03_1, .m_box_tit04_1 {line-height:13px}
  .guide_container{text-align:center;font-size:15px;line-height:25px;}
  
  .m_gd_img_area>img {max-width:100%}
  .m_gd_img_area>ul {padding: 20px 10px 10px 10px}
  .all_guide{margin:0;}
  .gd_img_area01 {padding:0}
}

/* 목록형 테이블 가로 768사이즈 이하일 경우 적용 (<table class="responsiveTable">...</table) */
@media only all and (max-width:767px) {
  .responsiveTable thead {position: absolute;top: -9999px;left: -9999px}
  .responsiveTable tr {display: block}
  .responsiveTable tr ~tr {margin-top: 10px}
  .responsiveTable th, .responsiveTable td {display: block;position: relative;padding: 10px 0;padding-left: 32%;min-height: 22px;border-width: 0 0 1px 0}
  .responsiveTable tr > td:first-child {border-top:#c8d1db solid 1px}
  .responsiveTable td:not(.nodata)::before {display: block;position: absolute;left: 0;top: 0;width: 30%;padding: 10px 0;background: #f1f6fb;height: calc(100% - 20px);border-bottom: 1px solid #b5b1b1;white-space: nowrap;color:#316db5;font-weight:600;text-align:center}
  .responsiveTable td:not(.nodata):first-child {border-top:2px solid #316db5}
  .responsiveTable td:not(.nodata)::before {content: attr(data-title) '\A' attr(data-title2);white-space: pre;}
  .responsiveTable td.nodata {padding:10px !important}
}