#sub_container{width:100%;border-top:1px solid #ccc;background:#e4ebf1;padding-bottom:100px;}
#sub_container .inner{width:1100px;;margin:0 auto;}
#sub_container .inner h2{text-align:center;padding:50px 0 38px 0;font-size:30px;font-family:'Roboto', sans-serif;font-weight:500;}
#sub_container .regi_con{width:1100px;height:1160px;background:#fff;border-radius:10px;}
#sub_container .regi_con .im{position:relative;width:965px;height:220px;top:76px;margin-left:100px;}
#sub_container .regi_con .im .owner{position:relative; display:inline-block;margin-right:12px;}
#sub_container .regi_con .im .agent{position:relative;display:inline-block;margin-right:12px;}
#sub_container .regi_con .im .custom{position:relative;display:inline-block;}
#sub_container .regi_con .im input{position:absolute;top:50%;left:48%;transform:translate(-50%);}
#sub_container .regi_con .im dd{border-bottom:1px dotted #ccc;padding-bottom:30px;}
#sub_container .regi_con .layer{position:relative;width:965px;height:58px;top:76px;margin-left:100px;}
#sub_container .regi_con dl dt{vertical-align:middle;width:165px;padding-right:20px;font-size:15px;font-family:'Roboto', sans-serif;font-weight:bold;color: #333;text-align:right;display:inline-block;}
#sub_container .regi_con dl dt b{color: #f45008;}
#sub_container .regi_con dl dd{vertical-align:middle;width:602px;display:inline-block;font-family:'Roboto', sans-serif;}
#sub_container .regi_con dl dd input[type=text],[type=password]{font-size:14px;color:#666666;width: 390px;height:30px;border:1px solid #dddddd;padding-left:15px;border-radius:5px;outline:none;font-weight:400;}
#sub_container .regi_con dl dd select{font-size:14px;color:#666666;width:407px;height:34px;border:1px solid #dddddd;padding-left:15px;border-radius:5px;outline:none;font-weight:400;}
#sub_container .regi_con dl dd input[type=text].rank{width:158px;float:right;}
#sub_container .regi_con .layer label.src{cursor:pointer; right:181px;font-size:0;
background:url("../images/member/src_btn.gif") no-repeat;width:176px;height:33px;float:right;display: inline-block; }
#sub_container .regi_con .layer input[type="file"] {width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
#sub_container .regi_con .layer .upload-name {float:left;background:#fff;color:#666666;width: 390px;height:30px;border:1px solid #dddddd;padding-left:15px;border-radius:5px;outline:none;font-weight:400;}
#sub_container .regi_con .adress{height:95px;}
#sub_container .regi_con .adress dt{vertical-align:top;padding-top:7px;}
#sub_container .regi_con .adress input[type=text]{width:585px;margin-top:10px;}
#sub_container .regi_con .home input[type=text]{width:585px;margin-top:10px;}
#sub_container .regi_con .etc{height:148px;}
#sub_container .regi_con .occ{height:40px;}
#sub_container .regi_con .occ span{font-size:15px;color: #333;font-family:'Roboto', sans-serif;}
#sub_container .regi_con .etc dd{vertical-align:middle; }
#sub_container .regi_con .etc .chkbox{vertical-align:middle;}
#sub_container .regi_con .etc p{font-size:15px;color: #666;padding:5px 0 5px 5px;display:inline-block;font-weight:300;}
#sub_container .regi_con .etc span{display:block;font-size:13px;color: #666666;line-height:19px;padding-left:30px;}
#sub_container .regi_con .etc span em{text-decoration:underline;}
#sub_container .regi_con .con_btn{width:280px;border:1px solid #333;height:45px;background:#333;border-radius:5px;font-size:16px;color:#fff;font-weight:lighter;margin-left:10px;}
#sub_container .regi_con .con_btn:hover{border:1px solid #000;background:#000;-moz-transition: 0.5s; -o-transition: 0.5s;  -webkit-transition: 0.5s;  transition: 0.5s;}
#sub_container .regi_con .cancle_btn{width:280px;border:1px solid #333;height:45px;background:#fff;border-radius:5px;font-size:16px;color:#000;font-weight:lighter;margin-left:10px;}
#sub_container .regi_con .cancle_btn:hover{border:1px solid #333;background:#333;color: #fff;-moz-transition: 0.5s; -o-transition: 0.5s;  -webkit-transition: 0.5s;  transition: 0.5s;}
#sub_container .regi_con .agent_tab{display:none;}
#sub_container .regi_con .custom_tab{display:none;}
#port_container .inner .table_area .more_btn{width:54px;height:32px;background:#666;color: #fff;font-size:14px;display:block;margin:0 auto;}
.get_editor {border: 1px solid #ccc;padding: 15px 35px;margin-bottom: 10px;border: 1px solid #a61212;}
.get_editor ul, li, ol {list-style: none;line-height:24px;}
.get_editor strong{ margin-left:30px;margin-right: 30px; }
.get_editor input{ margin-left:30px; }
.get_editor label{ font-weight:100;margin-bottom:0px;cursor:pointer; }
.cal_result {color: #a61212;font-weight: bold}
.list_ul li span {font-weight: bold;}
.list_ul li:nth-child(2n):before {content: "";}

/*포트명*/
.port_container{position:relative;background:#efefef;border:1px solid #ccc;padding:30px 20px 0 20px;height:313px;}
.l_area{width:640px;height:283px;float:left;margin-right:20px;}
/* .l_area .tit{height:56px;line-height:56px;background:#333;padding-left:23px;color: #fff;} */
.l_area .con{height:224px;overflow-Y:scroll;}
.l_area .con table th{color: #888;width:135px;text-align:left;padding:15px 0 0 17px;font-weight:400;}
.l_area .con table th:before{content:"·";margin-right:5px;font-size:15px;}
.l_area .con table td{width:460px;text-align:left;padding:15px 0 0 0;}

.l_area2{height:283px;float:left;margin-right:20px;}
/* .l_area .tit{height:56px;line-height:56px;background:#333;padding-left:23px;color: #fff;} */
.l_area2 .con{height:224px;overflow-Y:scroll;}
.l_area2 .con table th{color: #888;width:135px;text-align:left;padding:15px 0 0 17px;font-weight:400;}
.l_area2 .con table th:before{content:"·";margin-right:5px;font-size:15px;}
.l_area2 .con table td{width:900px;text-align:left;padding:15px 0 0 0;}



.r_area{width:268px;height:257px;float:right;background:#fff;border:1px solid #ccc;padding:26px 10px 0 10px;}
.r_area p{border-bottom:1px solid #969696;font-size:16px;height:34px;padding-left:10px;margin-bottom:17px;}
.r_area dl{padding-top:12px;}
.r_area dt{display:inline-block;width:44px;height:32px;vertical-align:middle;}
.r_area dd{display:inline-block;font-size:14px;color: #333;vertical-align:middle;}
.r_area dt.bg01{background-image: url("../images/sub/port_ico01.gif");background-repeat:no-repeat;background-position:center;}
.r_area dt.bg02{background-image: url("../images/sub/port_ico02.gif");background-repeat:no-repeat;background-position:center;}
.r_area dt.bg03{background-image: url("../images/sub/port_ico03.gif");background-repeat:no-repeat;background-position:center;}
.r_area dt.bg04{background-image: url("../images/sub/port_ico04.gif");background-repeat:no-repeat;background-position:center;}

#modal .close_area{width:100%;height:55px;background:#335c95;}
#modal .close_area .tit{float:left;padding-left:33px;font-size:18px;color: #fff;line-height:55px;}
#modal .close_area a{display: block;line-height:55px;float: right;margin-right:20px;}
#modal2 .close_area{width:100%;height:55px;background:#335c95;}
#modal2 .close_area .tit{float:left;padding-left:33px;font-size:18px;color: #fff;line-height:55px;}
#modal2 .close_area a{display: block;line-height:55px;float: right;margin-right:20px;margin-top:18px;}

/*포트테이블*/
.port_list_area{position:relative;top:-1px;width:100%;/*margin-top:20px;*/}
.port_list_table{width:100%;border-top:1px solid #969696 ;font-size:14px;}
.port_list_table th{line-height:32px;padding-left:30px;text-align:left;border-bottom:1px solid #ccc;}
.port_list_table td{padding:5px 30px 5px 0;border-bottom:1px solid #ccc;}
.port_list_table td a{width:50px;height:20px;background:#666;font-size:13px;float:right;display:block;border-radius:3px;color: #fff;text-align:center;line-height:20px;}

/*선박정보*/
#vesselinfo_container{width:100%;border-top:1px solid #ccc;background:#e4ebf1;padding-bottom:100px;}
#vesselinfo_container .inner{width:1100px;padding-bottom:50px;/*height:1293px;*/margin:50px auto;background: #fff;border-radius:5px;}
#vesselinfo_container .inner .tit_area{position:relative;background:#0477a1;height:49px;border-radius:5px 5px 0 0;}
#vesselinfo_container .inner .tit_area h2{position:absolute;left:25px;display:inline-block;line-height:49px;background-image:url("../images/sub/vessel_ico.png");background-repeat:no-repeat;background-position:left center;}
#vesselinfo_container .inner .tit_area h2 span{display:block;padding-left:45px;font-size:24px;font-weight:300;color: #fff;}
#vesselinfo_container .inner .tit_area .state{position:absolute;top:50%;transform:translateY(-50%);right:20px;padding:5px 20px;font-size:14px;color: #fff;border-radius:10px;background:#085c7c;}
#vesselinfo_container .inner .con_area{padding:0 20px;width:1060px;}
#vesselinfo_container .inner .con_area .table_box{margin-top:30px;}
#vesselinfo_container .inner .con_area .table_box table{font-size:14px;}
#vesselinfo_container .inner .con_area .table_box th{border:1px solid #ccc;width:130px;text-align:left;padding-left:15px;line-height:34px;font-weight:400;color: #666;}
#vesselinfo_container .inner .con_area .table_box td{border:1px solid #ccc;width:180px;padding-left:16px;line-height:34px;font-weight:bold;}
#vesselinfo_container .inner .con_area .box{margin-top:40px;}
#vesselinfo_container .inner .con_area .con_tit{font-size:18px;font-weight:bold;color: #0477a1;padding-bottom:9px ;}
#vesselinfo_container .inner .con_area .box .info_area{border:1px solid #ccc;padding:24px 30px;height:117px;}
#vesselinfo_container .inner .con_area .box .info_area .loca_area{position:relative;float:left;width:545px;height:120px;}
#vesselinfo_container .inner .con_area .box .info_area .loca_area .grap{position:relative;width:545px;height:70px;background:url("../images/sub/grap_bg.jpg")no-repeat;}
#vesselinfo_container .inner .con_area .box .info_area .loca_area .grap_posi{position:absolute;top:39px;left:38px;width:466px;height:8px;}
#vesselinfo_container .inner .con_area .box .info_area .loca_area .grap_posi .s_circle{position:absolute;width:18px;height:18px;top:-5px;left:-2px;background:#666161;border-radius:18px;}
#vesselinfo_container .inner .con_area .box .info_area .loca_area .grap_posi .l_circle{position:absolute;width:18px;height:18px;top:-5px;right:0;background:#0577a1;border-radius:18px;}
#vesselinfo_container .inner .con_area .box .info_area .loca_area .s_area{position:absolute;bottom:0;left:0;}
#vesselinfo_container .inner .con_area .box .info_area .loca_area .ss_area{position:absolute;bottom:0;right:0;text-align:right;}
#vesselinfo_container .inner .con_area .box .info_area .loca_area ul li{font-size:20px;line-height:16px;}
#vesselinfo_container .inner .con_area .box .info_area .loca_area .s_name{font-weight:400}
#vesselinfo_container .inner .con_area .box .info_area .loca_area .s_time{font-size:14px;}
#vesselinfo_container .inner .con_area .box .info_area .loca_area .l_name{font-weight:400;color: #999;}
#vesselinfo_container .inner .con_area .box .info_area .loca_area .l_time{font-size:14px;color: #999;}
#vesselinfo_container .inner .con_area .box .info_area .loca_area .l_time strong{color: #000;}
#vesselinfo_container .inner .con_area .box .info_area .line{float:left;width:1px; height:100%;background:#ccc;margin-left:40px;}
#vesselinfo_container .inner .con_area .box .info_area .txt_area{position:relative;float:right;width:380px;height:100%;background:#ebebeb;}
#vesselinfo_container .inner .con_area .box .info_area .txt_area ul{position:absolute;top:16px;left:10px;}
#vesselinfo_container .inner .con_area .box .info_area .txt_area li{font-size:14px;line-height:20px;}
#vesselinfo_container .inner .con_area .box .info_area .txt_area li:before{content:"·";font-size:15px;padding-right:3px;color: #666;}
#vesselinfo_container .inner .con_area .box .info_area .txt_area li em{display:inline-block;width: 245px;color: #666;}
#vesselinfo_container .inner .con_area .box .info_area .txt_area li span{display:inline-block;}
#vesselinfo_container .inner .con_area .box .la_area{position:relative;border:1px solid #ccc;padding:24px 30px;height:202px;}
#vesselinfo_container .inner .con_area .box .la_area ul{position:absolute;top:50%;transform:translateY(-50%);}
#vesselinfo_container .inner .con_area .box .la_area li{font-size:15px;color: #666;line-height:30px;}
#vesselinfo_container .inner .con_area .box .la_area li:before{content:"·";font-size:15px;padding-right:5px;color: #666;}
#vesselinfo_container .inner .con_area .box .la_area .map_area{position:absolute;top:50%;transform:translateY(-50%);right:30px;width:473px;height:184px;background:url("../images/sub/infomap.jpg")no-repeat;}
#vesselinfo_container .inner .con_area .box2{margin-top:40px;/*width:540px;*//*float:left;*/margin-bottom:20px;}
#vesselinfo_container .inner .con_area .box2 table{margin-top:30px;}
#vesselinfo_container .inner .con_area .box2 th{border:1px solid #ccc;height:49px;border-top:1px solid #969696;}
#vesselinfo_container .inner .con_area .box2 td{border:1px solid #ccc;height:35px;}
#vesselinfo_container .inner .con_area .box3{display:none;margin-top:40px;width:482px;float:right;}

/*로그인*/
#sub_container .login_con{width:1100px;height:500px;background:#fff;border-radius:10px;}
#sub_container .login_con .inner{width:351px;margin:0 auto;padding-top:60px;text-align:center;font-family:'Roboto', sans-serif;}
#sub_container .login_con .inner h3{font-size:30px;color:#080101;font-weight:300;}
#sub_container .login_con .inner h4{font-size:14px;color: #999999;font-weight:300;padding-bottom:25px;}
#sub_container .login_con .inner .email{position:relative;width:351px;height:44px;background-image: url("../images/member/email_input.gif");background-repeat:no-repeat;}
#sub_container .login_con .inner .pass{position:relative;width:351px;height:44px;background-image: url("../images/member/pass_input.gif");background-repeat:no-repeat;margin-top:15px;}
#sub_container .login_con .inner .name{position:relative;width:351px;height:44px;background-image: url("../images/member/name_input.gif");background-repeat:no-repeat;margin-top:15px;}
#sub_container .login_con .inner .phone{position:relative;width:351px;height:44px;background-image: url("../images/member/phone_input.gif");background-repeat:no-repeat;margin-top:15px;}
#sub_container .login_con .inner input{position:absolute;top:50%;transform: translateY(-50%);left:45px;height:30px;border:0;width:280px;padding-left:0;outline:none;font-size:14px;color:#999;}
#sub_container .login_con .inner .need{text-align:right;color:#999;font-size:13px;padding:23px 0;}
#sub_container .login_con .inner .need a{text-decoration:underline;color: #335c95;font-weight:600;padding-left:5px;padding-right:10px;}
#sub_container .login_con .inner .login_btn{width:351px; height:44px;font-size:16px; color:#fff;background:#072947 ;border-radius:5px;}
#sub_container .login_con .inner .forgot{margin-top:65px;}
#sub_container .login_con .inner .forgot a{font-size:13px;color: #335c95;}
#sub_container .login_con .inner .fb_txt{padding-top:20px;font-size:14px;color: #335c95;}

/*가입완료*/
#sub_container .success_con{width:1100px;height:820px;background:#fff;border-radius:10px;}
#sub_container .success_con .inner {padding-top: 70px;font-family:'Roboto', sans-serif;text-align:center;}
#sub_container .success_con .inner .img_area p{padding:15px 0 30px 0;font-size:20px;color: #020509;font-weight:bold;}
#sub_container .success_con .inner .line{width: 573px;margin:0 auto;height: 1px;background:url("../images/member/line.gif") repeat;}
#sub_container .success_con .inner h3{font-size:30px;color: #335c95;font-weight:300;padding:60px 0 30px 0;}
#sub_container .success_con .inner h4{font-size:18px;color: #666;font-weight:300;padding-bottom:90px;}
#sub_container .success_con .login_btn{display:inline-block;line-height:45px;width:280px;border:1px solid #333;height:45px;background:#333;border-radius:5px;font-size:16px;color:#fff;font-weight:lighter;margin-left:10px;}
#sub_container .success_con .login_btn:hover{border:1px solid #000;background:#000;-moz-transition: 0.5s; -o-transition: 0.5s;  -webkit-transition: 0.5s;  transition: 0.5s;}
#sub_container .success_con .home_btn{display:inline-block;line-height:45px;width:280px;border:1px solid #333;height:45px;background:#fff;border-radius:5px;font-size:16px;color:#000;font-weight:lighter;margin-left:10px;}
#sub_container .success_con .home_btn:hover{border:1px solid #333;background:#333;color: #fff;-moz-transition: 0.5s; -o-transition: 0.5s;  -webkit-transition: 0.5s;  transition: 0.5s;}
#sub_container .success_con .btn_area{text-align:center;}

/*에이전트 등록*/
#sub_container .agent_regi{width:1100px;background:#fff;border-radius:10px;padding-bottom:10px;}
#sub_container .agent_regi .inner{width:1000px;margin:0 auto;padding-top:55px;}
#sub_container .agent_regi .inner > p{text-align:right;color: #666;font-size:14px;font-family:'Roboto', sans-serif;}
#sub_container .inner .tab_area{height:52px;margin-top:27px;}
#sub_container .inner .tab_area ul li{float:left;}
#sub_container .agent_regi .pname{width:883px;padding:12px 0; background: #335c95;margin:25px 0;}
#sub_container .agent_regi .pname p{text-align:left;color:#fff;font-size:16px;padding-left:30px;}
#sub_container .agent_regi .pname p span{color:#f0c108;}
#sub_container .agent_regi .a_table{width:883px;}
#sub_container .agent_regi .a_table th{width:160px;border:1px solid #ddd;background:#f1f1f1;color: #666666;text-align:left;padding-left:20px;font-weight:500;}
#sub_container .agent_regi .a_table th em{color: #f45008;}
#sub_container .agent_regi .a_table td{position:relative;width:703px;height:50px;border-bottom:1px solid #ddd;}
#sub_container .agent_regi .a_table td input {position:absolute;width:650px;height:25px;padding:3px 10px;border:1px solid #dddddd;top:8px;left:15px;}
#sub_container .agent_regi .a_table td .input{width:508px;}
#sub_container .agent_regi .a_table td .src{position:absolute;top:9px;right:13px;background:#666666;background-image:url("../images/sub/ag_src_bg.gif");background-repeat:no-repeat;
background-position:center;width:133px;height:31px;border:1px solid #dddddd;}
#sub_container .agent_regi .inner .save_btn{width:171px;margin:45px auto;display:block;height:45px;background:#333;border-radius:5px;font-size:16px;color:#fff;font-weight:lighter;}
#sub_container .agent_regi .inner .save_btn:hover{background:#000;color: #fff;-moz-transition: 0.5s; -o-transition: 0.5s;  -webkit-transition: 0.5s;  transition: 0.5s;}
#sub_container .agent_regi .inner .write_btn{float:right;margin:25px 0 15px 0; width:168px;height:43px;background:#335c95;background-image:url("../images/sub/write_btn_bg.png");background-repeat:no-repeat;background-position:center;}
#sub_container .agent_regi .inner .del_btn{border-radius:3px;border:1px solid #b7b7b7;width:25px;height:25px;line-height:24px;margin-left:6px;margin-right: 6px;font-size:13px;background-color:#666;color:#fff}
#sub_container .agent_regi .inner .del_btn span{background-image:url(/site_master//images/common/btn_x.png);background-repeat:no-repeat;background-position:right center;padding-right:11px}
#sub_container .inner .table_area table{margin-top:20px;border:1px solid #ccc;border-collapse: collapse;}
#sub_container .inner .table_area th{border-top:1px solid #969696 !important;}
#sub_container .inner .table_area td{height:50px;border:1px solid #ccc;font-weight:300;text-align:center;}
#sub_container .inner .table_area .more_btn{width:54px;height:32px;background:#666;color: #fff;font-size:14px;display:block;margin:0 auto;}
#sub_container .agent_regi .inner .btn_w{width:280px;}
.button_submit{position:absolute;top:9px;right:25px;background:#666666;background-image:url("../images/sub/ag_src_bg.gif");background-repeat:no-repeat;
background-position:center;width:118px;height:31px;border:1px solid #dddddd;}
.input_text{position:relative;width:68%;height:25px;padding:3px 10px;border:1px solid #dddddd;top:8px;left:15px;}

/*회사소개*/
#port_container .info_container{width:1000px;margin:50px auto;}
#port_container .info_container h3{font-size:24px;color: #193964;}
#port_container .info_container .img_ul{margin-top:22px;margin-bottom:20px;font-size:0;}
#port_container .info_container .img_ul li{display:inline-block;margin-right:10px;}
#port_container .info_container > p{color: #333;font-size:16px}
#port_container .info_container > p a{color: #005ee1;}
#port_container .info_container .scope_area{margin-bottom:20px;}
#port_container .info_container .scope_area p{margin-top:20px;color: #404040;background:#fff;font-size:22px;width:178px;height:38px;border:1px solid #c3c3c3;text-align: center;line-height:38px;border-radius:5px}
#port_container .info_container .scope_area ul{margin-top:15px;margin-left:23px;}
#port_container .info_container .scope_area li{font-size:16px;color: #666;line-height:24px;}
#port_container .info_container .scope_area li:before{content:"";width:3px;height:3px;background:#335c95;display:inline-block;vertical-align:middle;margin-right:5px;}


/*modal*/
#modal{display:none;position:relative;}
#modal2{display:none;position:relative;}
#modal .inner{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:755px;height:675px;}
#modal .inner2{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:1000px;}
#modal .inner .tit{position:relative;width:756px;height:55px;background:#335c95 ;border-radius:5px 5px 0 0;}
#modal .inner .tit p{position:absolute;top:20px;left:33px;color: #fff;font-size:18px;}
#modal .inner .tit a{position:absolute;display: block;top:20px;right:25px;}
#modal .inner .con{position:relative;width:756px;height:620px;background:#fff ;border-radius:0 0 5px 5px;}
#modal .inner .con .inner{width:697px;height:507px;margin:0 auto;overflow-y:scroll}
#modal .inner .con .inner .img_area{width:267px;float:left;}
#modal .inner .con .inner .img_area .img{width:267px;height:188px;margin-bottom:13px;background:#f1f1f1;background-image: url("../images/sub/img_none.png");background-repeat:no-repeat;background-position:center;}
#modal .inner .con .inner .img_area .img.last{margin-bottom:0;}
#modal .inner .con .inner .list_area{float:left;padding-left:10px;width:670px;}
#modal .a_table{width:100%;}
#modal .a_table th{width:151px;border:1px solid #ddd;background:#f1f1f1;color: #666666;text-align:left;padding-left:20px;font-weight:500;height:40px;}
#modal .a_table td{position:relative;border-bottom:1px solid #ddd;padding-left: 20px;}
#modal2 .inner2{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);width:1000px;}
#modal2 .inner2 .tit{position:relative;width:756px;height:55px;background:#335c95 ;border-radius:5px 5px 0 0;}
#modal2 .inner2 .tit p{position:absolute;top:20px;left:33px;color: #fff;font-size:18px;}
#modal2 .inner2 .tit a{position:absolute;display: block;top:20px;right:25px;}
#modal3{display:none;position:relative;top:400px !important;}
/*#modal3 .inner{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);width:1000px;height:675px;}*/
#modal3 .inner{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);width:1000px;height:675px;}
#modal3 .inner .tit{position:relative;width:1001px;height:55px;background:#335c95 ;border-radius:5px 5px 0 0;}
#modal3 .inner .tit p{position:absolute;top:20px;left:33px;color: #fff;font-size:18px;    width: 200px;}
#modal3 .inner .tit a{position:absolute;display: block;top:20px;right:25px;}
#modal3 .inner .con{position:relative;width:1001px;height:520px;background:#fff ;border-radius:0 0 5px 5px;}
#modal3 .inner .con .inner{width:942px;height:450px;margin:0 auto;/*overflow-y:scroll*/}
#modal3 .inner .con .inner .img_area{width:267px;float:left;}
#modal3 .inner .con .inner .img_area .img{width:267px;height:188px;margin-bottom:13px;background:#f1f1f1;background-image: url("../images/sub/img_none.png");background-repeat:no-repeat;background-position:center;}
#modal3 .inner .con .inner .img_area .img.last{margin-bottom:0;}
#modal3 .inner .con .inner .list_area{float:left;padding-left:10px;width:915px;}
#modal3 .a_table{width:100%;}
#modal3 .a_table th{width:151px;border:1px solid #ddd;background:#f1f1f1;color: #666666;text-align:left;padding-left:20px;font-weight:500;height:40px;}
#modal3 .a_table td{position:relative;border-bottom:1px solid #ddd;padding-left: 20px;}

.layer_background {position: fixed;left: 0;top: 0;z-index: 800;width: 100%;height: 100%;min-height: 100%;background: #000;-ms-filter: alpha(opacity=60);filter: alpha(opacity=60);opacity: 0.6;}
.layer_content {width: 559px;height: 530px;background: rgb(255, 255, 255);border-radius: 5px;left: 50%;z-index: 801;padding: 20px 10px;margin: -250px 0 0 -300px;position: fixed;top: 42%;}

.list_modal{position:relative;width:505px;height:430px;background:#fff;padding:0 27px 0 27px;border-radius:5px;}
.list_modal .inner .con{position:relative;clear:both;border-radius:0 0 5px 5px;margin-top:30px;border-top:1px solid #565656;}
.list_modal .inner .con > ul > li{padding:8px 9px;color: #666;font-size:15px;border-bottom:1px solid #ccc;cursor: pointer;}

.layer_content .tit{position:relative;height:37px;padding: 30px 27px 0 27px;}
.layer_content .tit .btn_x{float:right;}
.layer_content .tit p{font-size:30px;font-weight:400;float:left;}


/*page*/
.page{width:100%; padding:20px 0;text-align:center;} 
.page ul li{display:inline-block;}
.page ul li a{display:table-cell;vertical-align:middle;width:37px;height:37px;font-weight:bold;}
.page ul li .num.on{background:#43464a;color: #fff;}
.page ul li a.bg{background:#ebebeb;background-position:center;background-repeat:no-repeat;}
.page ul li a.pprev{background-image: url("../images/sub/pprev_arrow.gif");}
.page ul li a.prev{background-image: url("../images/sub/prev_arrow.gif");}
.page ul li a.next{background-image: url("../images/sub/next_arrow.gif");}
.page ul li a.nnext{background-image: url("../images/sub/nnext_arrow.gif");}


/*photo*/
#sub_container .agent_regi > .inner .photo_src_area{position:relative;margin-top:10px;width:881px;height:55px;border:1px solid #ccc;background:#969696;}
#sub_container .agent_regi > .inner .photo_src_area select{position:absolute;top:12px;left:152px;width:190px;padding:0 10px;height:30px;border:1px solid #ccc;color: #666666;}
#sub_container .agent_regi > .inner .photo_src_area .input{position:absolute;width:307px;height:23px;padding:3px 10px;border:1px solid #ccc;top:12px;left:353px;}
#sub_container .agent_regi > .inner .photo_src_area button{position:absolute;background:url("../images/sub/src_btn.gif")no-repeat;width:38px;height:31px;top:12px;right:150px;}
#sub_container .agent_regi > .inner .photo_area{width:855px;border-top:2px solid #666;border-bottom:1px solid #ddd;margin-top:50px;padding:0 13px 15px 13px;margin-bottom:11px;}
#sub_container .agent_regi > .inner .photo_area .photo{display:inline-block;margin-right:14px;margin-top:13px;width:198px;height:155px;background:#f1f1f1;background-image: url("../images/sub/img_none.png");background-repeat:no-repeat;background-position:center;}
#sub_container .agent_regi > .inner .photo_area .photo.last{margin-right:0;}

#sub_container .agent_regi .inner .tit{text-align:left;margin-top:33px;font-size:18px;color: #000;border-bottom:2px solid #666;padding:0 0 10px 5px;font-weight:bold;}
#sub_container .agent_regi .inner .con{position:relative;border-bottom:1px solid #ccc;height:49px;padding-top:15px;padding-left:13px;}
#sub_container .agent_regi .inner .con .add_btn{ display: inline-block; padding:8px 20px; color: #1972a0; font-weight:100;font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fff;

cursor: pointer; border: 1px solid #1972a0; border-radius: .25em; }
#sub_container .agent_regi .inner .con .del_btn{position:absolute;padding:17px;background:#fff;background-image:url("../images/sub/del_ico.gif");
background-repeat:no-repeat;background-position:center;border:1px solid #909090;border-radius:3px;top:15px;right:20px;}

.filebox input[type="file"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } 
.filebox label { display: inline-block; padding:8px 20px; color: #909090; font-weight:100;font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fff;
cursor: pointer; border: 1px solid #909090; border-radius: .25em;margin-right:3px;margin-left:3px;}
.filebox .upload-name { width:740px;display: inline-block; padding: .5em .75em; font-size: inherit; font-family: inherit; line-height: normal; 
vertical-align: middle; background-color: #fff; background-repeat:no-repeat;background-position:20px center;border: 1px solid #ccc; border-radius: .25em; -webkit-appearance: none; 
 -moz-appearance: none; appearance: none; }

/*Agent*/
#port_container{width:1100px;border-top:1px solid #ccc;background:#fff;padding-bottom:100px;margin:0 auto;}
#port_container .sub_tit{width:100%;text-align:center;background:#335c95;height:116px;display:none;}
#port_container .sub_tit .tit_inner{position:relative;width:1100px;margin:0 auto;}
#port_container .sub_tit .tit_inner h2{position:relative;font-size:30px;color: #fff;font-family:'Roboto', sans-serif;font-weight:300;top:44px;}
#port_container .inner{max-width:1100px;margin:0 auto;}
#port_container .inner h3{/*padding:15px;*/font-size:24px;color: #000409;font-family:'Roboto', sans-serif;}
#port_container .inner h3 span{width:25px;vertical-align:middle;height:25px;margin-right:4px;display:inline-block;background:url("../images/sub/bullet.gif")no-repeat;}

#port_container .table_area table{/*margin-top:20px;border:1px solid #ccc;*/border-collapse: collapse;}
.table_area th{height:50px;border:1px solid #ccc;border-top:1px solid #969696 !important;letter-spacing:-0.025em;}
.table_area td{height:30px;border:1px solid #ccc;/*font-weight:300;*/text-align:center;font-size: medium;}
.localdata td{font-size: small;}
#port_container .inner .src_area .src_p{right:0;}
#port_container .inner .src_area.m_none{margin-top:0;}
#port_container .inner .table_area .view_btn{padding:0 14px;height:32px;background:#666;color: #fff;font-size:14px;display:block;margin:0 auto;}

#port_container .map_area{width:100%;height:360px;background:#ededed;border:1px solid #ccc;margin-top:20px;}


/*이용약관*/
.pri_con{padding:50px 0;height:auto;width:1100px;background:#fff;border-radius:10px;}
.priva_area{padding:0 50px;width:960px;height:auto;overflow-x:auto}
.user_area{padding:0 50px;width:960px;}

select{
background-image: url("../images/sub/sel_arrow.gif");
background-position:96% 50%;
background-repeat:no-repeat;
 -webkit-appearance: none;-moz-appearance: none; appearance: none;}
select::-ms-expand { display: none;}
.src_area{position:relative;/*margin-top:25px;*/width:100%;border:1px solid #ccc;background:#969696;text-align:center;padding:12px 0;}
.src_area .input{vertical-align:middle;position:relative;display:inline-block;width:319px;height:23px;padding:3px 10px;border:1px solid #ccc;}
.src_area button{vertical-align:middle;position:relative;display:inline-block;margin-left:5px;background:url("../images/sub/src_btn.gif")no-repeat;width:38px;height:30px;padding-bottom: 1px}
.src_area select{vertical-align:middle;position:relative;display:inline-block;padding:0 42px 0 20px;height:31px;border:1px solid #ccc;color: #666666;}
/*.src_area .port_area a{display:inline-block;color:#fff;margin-top:3px;width:20px;line-height:20px;background:#335c95;}*/
.src_area .port_area{ width: 184px;position: absolute;margin-top: -43px;margin-left: 80px; }
.src_area .port_area a{ display: inline-block;color: #fff;margin-top: 2px;width: 16px;line-height: 16px;font-size: 14px;background: #335c95; }
.src_area .port_area a.on{background:#002554 ;}
.src_area .port_area a:hover{background:#002554;}


/*Calculator*/
.cal_container .in_area{padding-left:35px;padding-right:35px;}
.cal_container h3{text-align:center;font-size:18px !important;}
.cal_container table{text-align:center;font-size:14px;}
.cal_container td{background-color:#fff;border:1px solid #ccc;height:20px;padding:5px 0;}
.cal_container th{background:#ebebeb;border:1px solid #ccc;height:20px;padding:5px 0;font-size:14px;text-align:center;}
.cal_container em{font-size:13px;color: #666;font-weight:300;}
.cal_container p{padding-bottom:5px}
.cal_container p strong{font-weight:400;font-size:15px;}
.cal_container .txt{text-align:right;padding:5px 0;color: #333;font-size:14px;}
.cal_container .txt02{padding:5px 0;color: #333;font-size:14px;}
.cal_container .txt03{font-size:14px;color: #333;padding:5px 0 0 20px;line-height:24px;}
.cal_container .table02 td input{border:0;text-align:center;}
.cal_container .table03{width:100%;}
.cal_container .table03 td{height:25px;}
.cal_container .list_area{width:100%;padding:10px 0;font-size:13px;line-height:22px;}
.cal_container .list_w{width:35%;}
.cal_container .list_ww{width:50%;}
.cal_container .list_area h4{color:#ff2121 ;}
.cal_container .list_area li{vertical-align:middle;padding-left:15px;}
.cal_container .list_area li:before{content:"·";padding-right:5px;font-size:18px;vertical-align:middle;}
.cal_container .list_area span{float:right;}
.cal_container td input{width:90%;padding:3px;}
.cal_container .r_input{float:right;width:300px;padding:3px}
.title_h3{color: #335c95;}
.tl{padding-left:20px !important;text-align:left;}

.col_3{height:52px;}
.col_3 ul li{float:left;text-align:center;width:33.333%;/*width:50%;*/}
.col_3 ul li a{display:block;background:#efefef;padding:17px 0;color:#666;border-top:1px solid #aaa;border-bottom:1px solid #ccc;}
.col_3 ul li a.on{background:#fff;border-top:2px solid #335c95;border-bottom:0;color: #335c95;font-weight:bold;}
.col_3 ul li a.tab01{border-left:1px solid #ccc;}
.col_3 ul li a.tab02{border-left:1px solid #ccc;}
.col_3 ul li a.tab03{border-left:1px solid #ccc;border-right:1px solid #ccc;}

.col_2{height:52px;}
.col_2 ul li{float:left;text-align:center;width:50%;}
.col_2 ul li a{display:block;background:#efefef;padding:17px 0;color:#666;border-top:1px solid #aaa;border-bottom:1px solid #ccc;}
.col_2 ul li a.on{background:#fff;border-top:2px solid #335c95;border-bottom:0;color: #335c95;font-weight:bold;}
.col_2 ul li a.tab01{border-left:1px solid #ccc;}
.col_2 ul li a.tab02{border-left:1px solid #ccc;border-right:1px solid #ccc;}

.lb{border-left:1px solid #fff !important;text-align:left !important;padding-left:12px !important;}
.rb{border-right:1px solid #fff !important;}
.tb{border-top:2px solid #666 !important; }
.br{border-radius:3px !important;}

.fa-lock:hover{cursor:pointer;}

.vesseltr td{ padding: 3px 0px; }
.vesseltr:hover{ background:#eee; }
.vtrais:hover{ cursor:pointer;}
#shipinfo{display:none;position:relative;}
#shipinfo .inner{width:100%;}
#shipinfo .inner .tit{position:relative;height:35px;background:#335c95 ;}
#shipinfo .inner .tit p{position:absolute;top:6px;left:33px;color: #fff;font-size:18px;    width: 200px;}
#shipinfo .inner .tit a{position:absolute;display: block;top:5px;right:10px;}
#shipinfo .inner .con{position:relative;background:#fff ;border-radius:0 0 5px 5px;}
#shipinfo .inner .con .inner{margin:0 auto;}
#shipinfo .inner .con .inner .img_area{width:267px;float:left;}
#shipinfo .inner .con .inner .img_area .img{width:267px;height:188px;margin-bottom:13px;background:#f1f1f1;background-image: url("../images/sub/img_none.png");background-repeat:no-repeat;background-position:center;}
#shipinfo .inner .con .inner .img_area .img.last{margin-bottom:0;}
#shipinfo .inner .con .inner .list_area{float:left;width:100%;}
#shipinfo .a_table{width:100%;}
#shipinfo .a_table th{width:151px;border:1px solid #ddd;background:#f1f1f1;color: #666666;text-align:left;padding-left:20px;font-weight:500;height:40px;}
#shipinfo .a_table td{position:relative;border-bottom:1px solid #ddd;padding-left: 20px;}

#shipinfo1{display:none;position:relative;}
#shipinfo1 .inner{width:100%;}
#shipinfo1 .inner .tit{position:relative;height:35px;background:#335c95 ;}
#shipinfo1 .inner .tit p{position:absolute;top:6px;left:33px;color: #fff;font-size:18px;    width: 200px;}
#shipinfo1 .inner .tit a{position:absolute;display: block;top:9px;right:10px;}
#shipinfo1 .inner .con{position:relative;background:#fff ;border-radius:0 0 5px 5px;}
#shipinfo1 .inner .con .inner{margin:0 auto;}
#shipinfo1 .inner .con .inner .img_area{width:267px;float:left;}
#shipinfo1 .inner .con .inner .img_area .img{width:267px;height:188px;margin-bottom:13px;background:#f1f1f1;background-image: url("../images/sub/img_none.png");background-repeat:no-repeat;background-position:center;}
#shipinfo1 .inner .con .inner .img_area .img.last{margin-bottom:0;}
#shipinfo1 .inner .con .inner .list_area{float:left;width:100%;}
#shipinfo1 .a_table{width:100%;}
#shipinfo1 .a_table th{width:151px;border:1px solid #ddd;background:#f1f1f1;color: #666666;text-align:left;padding-left:20px;font-weight:500;height:40px;}
#shipinfo1 .a_table td{position:relative;border-bottom:1px solid #ddd;padding-left: 20px;}

#shipinfo2{display:none;position:relative;}
#shipinfo2 .inner{width:100%;}
#shipinfo2 .inner .tit{position:relative;height:35px;background:#335c95 ;}
#shipinfo2 .inner .tit p{position:absolute;top:6px;left:33px;color: #fff;font-size:18px;    width: 200px;}
#shipinfo2 .inner .tit a{position:absolute;display: block;top:9px;right:10px;}
#shipinfo2 .inner .con{position:relative;background:#fff ;border-radius:0 0 5px 5px;}
#shipinfo2 .inner .con .inner{margin:0 auto;}
#shipinfo2 .inner .con .inner .img_area{width:267px;float:left;}
#shipinfo2 .inner .con .inner .img_area .img{width:267px;height:188px;margin-bottom:13px;background:#f1f1f1;background-image: url("../images/sub/img_none.png");background-repeat:no-repeat;background-position:center;}
#shipinfo2 .inner .con .inner .img_area .img.last{margin-bottom:0;}
#shipinfo2 .inner .con .inner .list_area{float:left;width:100%;}
#shipinfo2 .a_table{width:100%;}
#shipinfo2 .a_table th{width:151px;border:1px solid #ddd;background:#f1f1f1;color: #666666;text-align:left;padding-left:20px;font-weight:500;height:40px;}
#shipinfo2 .a_table td{position:relative;border-bottom:1px solid #ddd;padding-left: 20px;}

.cck{ width: 50px !important;    float: right; margin-right: 18px;}
.trt{ text-align: center; padding: 3px 4px 2px; border-top: 1px solid rgb(70, 105, 151); border-bottom: 1px solid rgb(70, 105, 151); color: rgb(255, 255, 255); font-weight: normal; background-color: rgb(98, 132, 171); height: 24px !important;    padding: 0px; }
.td30{ width:30%;display: inline-block;float: left; text-align:center;border-right:1px solid #ccc;}
.td33{ width:50%;display: inline-block;float: left; text-align:center;border-right:1px solid #ccc;}
.td40{ width:40%;display: inline-block;float: left; text-align:center;border-right:1px solid #ccc;}
.td20{ width:20%;display: inline-block;float: left; text-align:center;border-right:1px solid #ccc;}
.td50{ width:50%;display: inline-block;float: left; text-align:center;border-right:1px solid #ccc;}
.td10{ width:10%;display: inline-block;float: left; text-align:center;border-right:1px solid #ccc;}
.td15{ width:15%;display: inline-block;float: left; text-align:center;border-right:1px solid #ccc;}
.tr1{ height: 36px; padding: 3px 4px 2px; border-bottom: 1px solid rgb(235, 235, 235); color: rgb(61, 118, 171); background-color: rgb(255, 255, 255);     height: 25px !important;    padding: 0px;}
.tr2{ height: 25px; padding: 3px 4px 2px; border-bottom: 1px solid rgb(235, 235, 235); color: rgb(61, 118, 171); background-color: rgb(246, 248, 250);     height: 25px !important;    padding: 0px;}
.tr1 div,.tr2 div{ display:inline-block; }
.trt,.tr1,.tr2{ height:30px; }
li label{ display:block; }
label div{ text-align:center; }
label div input{ cursor:pointer; }
.tuggage_radio{ width:30px !important; }
.page ul li{ text-align:center; }

.addper{ float:right; }
.pricekdiv{ width: 49%;display:inline-block; }
.pricektitle{ text-decoration: none;
    text-align: center;
    padding: 5px 20px;
    line-height: 42px;
    background: #1581a8;
    color: #fff;
    font-size: 1.4em;
    z-index: 0;
    border-radius: 5px; }

.pricebtn{ 
    margin-top: 15px;
    text-decoration: none !important;
    width: 110px;
    padding: 0px 20px;
    position: absolute;
    text-align: center;
    line-height: 30px;
    background: #ffc439;
    color: #000 !important;
    font-size: 14px;
    font-weight: bold;
    border-radius: 20px;
    cursor: pointer;
}
.pricekdiv li span{ position: absolute;margin-left: 120px;margin-top: 17px; }



/*===== 회사 입점 - 리스트 =====*/
body.sub{background-color: #e4ebf1;}
.pri_con.type-02{padding: 37px 20px 58px;}
.pri_con .list_srch{position: relative; padding-right: 160px;}
.pri_con .list_srch:after{content: '';display: block;clear: both;}
.pri_con .list_srch .btn{position: absolute;top: 3px;right: 0; width: 158px; height: 42px; line-height: 40px; border: 1px solid #222; border-top: 1px solid #222 !important; padding: 0 !important; border-radius: 5px !important; font-size: 16px; font-weight: 500; color: #122; background-color: #fff;}
.pri_con .list_srch .ls_tit{float: left; margin: 0; width: 250px; text-align: right; padding-right: 20px; font-size: 16px; line-height: 24px; font-weight: 500; color: #122;}
.pri_con .list_srch .chk_wrap{float: left; width: 650px;}
.chk_wrap{margin-left: -55px; margin-top: -24px; font-size: 0;}
.chk_wrap .chk_area{display: inline-block; vertical-align: top; margin-left: 55px; margin-top: 24px;}
.chk_wrap .chk_area input{width: 1px;height: 1px;position: absolute;opacity: 0;}
.chk_wrap .chk_area .chk{position: relative; padding-left: 28px; font-size: 16px; line-height: 24px; color: #222; font-weight: 400; display: block; margin-bottom: 0; cursor: pointer;}
.chk_wrap .chk_area .chk .ico_chk{display: inline-block; width: 18px; height: 18px; border-radius: 18px; border: 1px solid #ddd; position: absolute;top: 50%;left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.chk_wrap .chk_area input:checked + .chk .ico_chk:after{content: ''; width: 6px; height: 6px; border-radius: 6px; background-color: #222; position: absolute;top: 50%;left: 50%; margin: -3px 0 0 -3px;}

.pri_con .list_top{padding-top: 40px; text-align: right;}
.pri_con .list_top .btn{width: 165px; height: 44px; line-height: 44px; background-color: #222; padding: 0 !important; border-radius: 5px !important; font-size: 16px; font-weight: 500; color: #fff; background-color: #222;}
.pri_con .list_wrap > ul{margin-left: -1.42%; font-size: 0;}
.pri_con .list_wrap > ul > li{display: inline-block; vertical-align: top; width: 48.58%; margin-left: 1.42%; margin-top: 15px; border: 1px solid #ccc; padding: 20px 15px;}
.pri_con .list_wrap > ul > li > div{display: inline-block; vertical-align: top; width: 50%;}
.pri_con .list_wrap > ul > li > div span{display: inline-block; vertical-align: top; border-radius: 5px; font-weight: 400;}

.pri_con .list_wrap > ul > li .inner_l{padding-right: 23px;}
.pri_con .list_wrap > ul > li .inner_l span{background-color: #2288ad; width: 106px; height: 27px; line-height: 26px; font-size: 11px; color: #fff; text-align: center;}
.pri_con .list_wrap > ul > li .inner_l .logo{margin-top: 35px;}
.pri_con .list_wrap > ul > li .inner_l .logo img{max-width: 100%;}
.pri_con .list_wrap > ul > li .inner_l .btn{display: block; margin-top: 17px; width: 100%; height: 44px; line-height: 44px; padding: 0 !important; border-radius: 5px !important; font-size: 16px; font-weight: 500; color: #fff; background-color: #222;}

.pri_con .list_wrap > ul > li .inner_r span{border: 1px solid #ddd; background-color: #fff; padding: 0 10px; }
.pri_con .list_wrap > ul > li .inner_r span em{display: inline-block; vertical-align: top; margin-left: 8px; padding-left: 9px; position: relative; font-size: 14px; line-height: 27px; color: #888;}
.pri_con .list_wrap > ul > li .inner_r span em:before{content: ''; width: 1px; height: 9px; background-color: #ddd; position: absolute;top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.pri_con .list_wrap > ul > li .inner_r span em:first-child{margin-left: 0;padding-left: 0;}
.pri_con .list_wrap > ul > li .inner_r span em:first-child:before{display: none;}
.pri_con .list_wrap > ul > li .inner_r ul{margin-top: 20px;}
.pri_con .list_wrap > ul > li .inner_r ul li{position: relative; padding-left: 11px; font-size: 14px; line-height: 30px; letter-spacing: -0.01em; color: #222;}
.pri_con .list_wrap > ul > li .inner_r ul li:before{content: '·'; position: absolute;top: 0;left: 0; font-size: 28px;}

.pri_con .list_none{margin-top: 15px; border-top: 1px solid #222; padding: 86px 0;}
.pri_con .list_none i{display: block; height: 56px; background-repeat: no-repeat; background-position: center; background-image: url(../images/common/list_none.png);}
.pri_con .list_none p{margin-top: 10px; font-size: 16px; line-height: 24px; text-align: center; color: #666; }

.pri_con .list_none.type-02{padding: 148px 0 107px; border-top: none; margin-top: 0;}
.pri_con .list_none.type-02 p{margin: 0;}
.pri_con .list_none .txt01{font-size: 26px; color: #222; line-height: 34px; letter-spacing: -0.13px;}
.pri_con .list_none .txt02{font-size: 20px; color: #222; line-height: 34px; letter-spacing: -0.1px;}

.pri_con .pagination{display: block; text-align: center;margin: 80px 0 0;}
.pri_con .pagination a{color: #888;font-size: 16px;margin-left: 30px;display: inline-block;height: 24px; line-height: 24px; vertical-align: top;}
.pri_con .pagination a.on{color: #1581A8; font-weight: 600;}
.pri_con .pagination a.prev,.pri_con .pagination a.next{font-size: 0;background-repeat: no-repeat;background-position: center center;}
.pri_con .pagination a.prev{width: 8px;background-image: url("../images/common/pv_icon.png");margin-left: 20px;margin-right: 6px;}
.pri_con .pagination a.next{width: 8px;background-image: url("../images/common/nxt_icon.png");margin-left: 36px;}
.pri_con .pagination a.prev.end{width: 11px;background-image: url("../images/common/fs_icon.png");}
.pri_con .pagination a.next.end{width: 11px;background-image: url("../images/common/end_icon.png"); margin-left: 20px;}

/*===== 회사 입점 - 등록 =====*/
.pri_con.type-03{padding: 50px 153px;}
.pri_con.type-03 h3{margin: 0; padding-bottom: 20px; text-align: center; font-size: 30px; line-height: 45px; color: #122;}
.pri_con.type-03 .table_wrap{padding-top: 40px;}
.pri_con .table_top{position: relative; text-align: right; padding-bottom: 10px;}
.pri_con .table_top.type-02{margin-top: 30px; padding-right: 21px;}
.pri_con .table_top.type-02 .btn{width: 140px; height: 38px; line-height: 38px; font-size: 16px; color: #fff; background-color: #222; padding: 0 !important; border-radius: 5px !important; font-weight: 500; position: absolute; bottom: 10px; right: -133px;}

.pri_con.type-03 .table_top span{display: inline-block; vertical-align: top; font-size: 14px; line-height: 20px; letter-spacing: -0.07px; color: #222;}
.pri_con .table_wrap.first,
.pri_con.type-03 h3 + .table_wrap,
.pri_con.type-03 .enroll_tit + .table_wrap{margin-top: 0; border-top: none;}
.pri_con .required{color: #f00 !important;}
.table_wrap{margin-top: 40px; border-top: 1px solid #eaeaea;}
.table_wrap dl{display: table;width: 100%; margin-bottom: 0; margin-top: 10px;}
.table_wrap dl:first-child{margin-top: 0;}
.table_wrap dl dt,.table_wrap dl dd{display: table-cell;/* vertical-align: top; */}
.table_wrap dl dt{height: 24px; line-height: 24px; width: 232px; font-size: 16px; color: #222; letter-spacing: -0.08px;}
.table_wrap dl dt.type-02{height: 55px;line-height: 55px;}

.table_wrap dl dd .logo_area{font-size: 0;}
.table_wrap dl dd .logo_area > div{display: inline-block; vertical-align: top;}
.table_wrap dl dd .logo_area .img{width: 196px; border: 1px solid #ddd; border-radius: 5px; padding: 14px 0; text-align: center;}
.table_wrap dl dd .logo_area .img i{display: block; height: 28px; background-repeat: no-repeat; background-position: center; background-image: url(../images/common/ico_photo.png);}
.table_wrap dl dd .logo_area .img span{display: block; font-size: 13px; line-height: 18px; color: #999; letter-spacing: -0.07px; margin-top: 1px;}
.table_wrap dl dd .logo_area .txt{width: 240px; padding: 0 14px;}
.table_wrap dl dd .logo_area .txt .file_txt div{display: inline-block; vertical-align: top; position: relative; padding-right: 28px; max-width: 100%;}
.table_wrap dl dd .logo_area .txt .file_txt div span{display: inline-block; vertical-align: top; font-size: 16px; line-height: 24px; color: #222; letter-spacing: -0.08px; white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: 100%;}
.table_wrap dl dd .logo_area .txt .file_txt div .btn{background-color: #fff; padding: 0 !important; width: 19px; height: 24px; position: absolute;top: 0; right: 0; background-repeat: no-repeat; background-position: center; background-image: url(../images/common/btn_close.png); font-size: 0;}
.table_wrap dl dd .logo_area .txt .caption{margin: 16px 0 0; font-size: 14px; line-height: 20px; color: #999;}
.table_wrap dl dd .logo_area .file_area{width: 126px; padding-top: 20px;}
.table_wrap dl dd .logo_area .file_area .file_btn{display: block;}

.table_wrap dl dd p{margin: 0; font-size: 14px; color: #222; letter-spacing: -0.07px; line-height: 20px; padding: 18px 0 17px;}

.blind {display: block;overflow: hidden;position: absolute;left: -9999px !important;font-size: 0 !important;}
.input_wrap{font-size: 0;}
.input_area{position: relative;margin-top: 10px;}
.input_area:first-child{margin-top: 0;}
.input_area input{border: 1px solid #ddd;border-radius: 5px;height: 55px;padding-left: 10px;width: 100%;transition: 0.2s; color: #222;}
.input_area input::placeholder{font-size: 14px;color: #999;font-weight: 400;}
.input_area input[type=file]{width: 1px;height: 1px;position: absolute;opacity: 0;}
.input_area input.datetwo{width: 165px;}

.input_area.type-02{padding-right: 130px;}
.input_area.type-03{padding-right: 32px;}
.input_area.type-03 span{display: inline-block; vertical-align: top; font-size: 14px; color: #222; line-height: 55px; position: absolute;top: 0;right: 0;}
.input_area .file_btn{position: absolute;top: 0;right: 0;}
.file_area{position: relative;}
.file_area input{width: 1px;height: 1px;position: absolute;opacity: 0;}
.file_btn{width: 126px; height: 55px; line-height: 55px; border-radius: 5px; background-color: #222; font-size: 16px; font-weight: 500; color: #fff; text-align: center; margin-bottom: 0;}

.input_area.date{display: inline-block; vertical-align: top; width: 165px;}
.input_area.date input{padding-right: 35px; background-repeat: no-repeat; background-position: right 10px center; background-image: url(../images/common/ico_calendar.png);}
.input_area.datetwo{display: inline-block; vertical-align: middle;}
.input_area.datetwo input{padding-right: 35px; background-repeat: no-repeat; background-position: right 10px center; background-image: url(../images/common/ico_calendar.png);}

.sel_area{position: relative;}
.sel_area select{display: block;width: 100%;height: 55px;line-height: 52px; border: 1px solid #ddd; padding-left: 10px; padding-right: 30px; background-repeat: no-repeat;background-position: right 10px center; background-image: url(../images/common/arrow_down.png); -webkit-appearance: none;-moz-appearance: none; appearance: none; font-size: 16px;color: #222; border-radius: 5px; cursor: pointer;}
.sel_area select::-ms-expand{display: none;}

.sel_area.type-02{padding-left: 18px;}
.sel_area.type-03{margin-top: 10px; padding:0 32px 0 66px;}
.sel_area span{display: inline-block; vertical-align: top; font-size: 14px; color: #222; line-height: 55px;}
.sel_area.type-02 span{position: absolute;top: 0;left: 0;}
.sel_area.type-03 span{position: absolute;top: 0;}
.sel_area.type-03 span.sel_l{left: 0;}
.sel_area.type-03 span.sel_r{right: 0;}

.sel_wrap{font-size: 0; margin-top: 10px; margin-left: -30px;}
.sel_wrap:first-child{margin-top: 0;}
.sel_wrap .sel_area, .sel_wrap .txt{display: inline-block; vertical-align: top; width: 129px; margin-left: 30px;}
.sel_wrap .sel_area.w02, .sel_wrap .txt.w02 {width: 138px;}
.sel_wrap span{display: inline-block; vertical-align: top; font-size: 14px; color: #222; line-height: 55px; letter-spacing: -0.07px; margin-left: 10px;}
.sel_wrap.type-02 .sel_area, .sel_wrap.type-02 .txt{width: 115px; margin-left: 0;}
.sel_wrap.type-02 span{margin-left: 30px; width: 52px;}
.sel_wrap.type-02 span:first-child{width: 53px;}
.sel_wrap .txt{border: 1px solid #ddd; border-radius: 5px; height: 55px; line-height: 52px; padding: 0 10px; font-size: 14px; color: #222;}

.btn_mybox{margin-top: 80px; text-align: center; font-size: 0;}
.btn_mybox .btn{width: 235px;height: 50px;line-height: 48px;font-size: 16px;color: #fff;margin: 0 10px;background-color: #1581a8;padding: 0 !important;border-radius: 5px !important;font-weight: 500;}
.btn_area{margin-top: 140px; text-align: center; font-size: 0;}
.btn_area .btn{width: 235px; height: 50px;line-height: 48px; font-size: 16px; color: #fff; margin: 0 10px; background-color: #222; border: 1px solid #222; padding: 0 !important;border-top: 1px solid #222 !important; border-radius: 5px !important; font-weight: 500;}
.btn_area .btn:hover{color: #fff;}
.btn_area .btn.form02{background-color: #fff; color: #222;}
.btn_area .btn.form02:hover{color: #222;}
.btn_area .btn.form03{background-color: #999; border-color: #999; border-top: 1px solid #999 !important; }
.btn_area .btn.wide_w{width: 350px;}

.app_txt + .btn_area {margin-top: 63px;}

/*===== 회사 입점 - 완료 =====*/
.pri_con.type-04{margin-top: 160px; padding: 80px 0 60px;}
.pri_con.type-04 h3{text-align: center; letter-spacing: -0.13px; font-size: 26px; line-height: 45px; font-weight: 200; color: #333; margin: 0;}
.pri_con.type-04 h3 span{display: block; font-size: 30px; font-weight: 600; color: #2288ad; letter-spacing: -0.15px;}
.pri_con.type-04 .btn_area{margin-top: 100px;}


/*===== 물류비견적 - 리스트 =====*/
.pri_con .list_top.type-02{padding-top: 60px;}
.pri_con .list_top.type-02:after{content: '';display: block;clear: both;}
.pri_con .list_top.type-02 .lt_l{float: left; font-size: 0; padding-top: 6px;}
.pri_con .list_top.type-02 .lt_l .sel_area{display: inline-block; vertical-align: top;}
.pri_con .list_top.type-02 .lt_l .sel_area select{font-size: 14px;height: 38px; line-height: 36px; background-image: url(../images/common/arrow_down02.png); background-position: right 9px center;}
.pri_con .list_top.type-02 .lt_l .lt_tit{display: inline-block; vertical-align: top; padding: 18px 0 0 10px; font-size: 14px; line-height: 20px; letter-spacing: -0.07px; color: #666; margin-bottom: 0;}
.pri_con .list_top.type-02 .btn{float: right;}

.pri_con .list_wrap.type-02 > ul{margin-left: 0;}
.pri_con .list_wrap.type-02 > ul > li{display: block; margin-left: 0; margin-top: 20px; width: 100%; padding: 0; position: relative;}
.pri_con .list_wrap.type-02 > ul > li:first-child{margin-top: 10px;}
.pri_con .list_wrap.type-02 > ul > li .inner_l{display: block;width: 100%;padding: 20px 212px 20px 266px; position: relative;}
.pri_con .list_wrap.type-02 > ul > li .inner_l .il_l{position: absolute;top: 25px; left: 20px;}
.pri_con .list_wrap.type-02 > ul > li .inner_l .il_l span{width: 80px;}
.pri_con .list_wrap.type-02 > ul > li .inner_l .il_l strong{display: block; margin-top: 20px; font-size: 16px; line-height: 24px; color: #222; letter-spacing: -0.08px;}

.pri_con .list_wrap > ul > li .inner_l .state_area{font-size: 0; margin-left: -10px;}
.pri_con .list_wrap > ul > li .inner_l .state_area .state{display: inline-block; vertical-align: top; width: 149px; margin-left: 10px;}
.pri_con .list_wrap > ul > li .inner_l .state_area .state span{display: block; background-color: #fff; width: 100%; border-radius: 0; font-size: 16px; line-height: 24px; height: 24px; color: #e4ebf1;}
.pri_con .list_wrap > ul > li .inner_l .state_area .state i{display: block; margin-top: 6px; height: 17px; position: relative; background-color: #e4ebf1;}
.pri_con .list_wrap > ul > li .inner_l .state_area .state i:before{content: '';width: 7px; height: 17px; position: absolute; top: 0; left: -7px; background-repeat: no-repeat; background-position: center; background-image: url(../images/common/process_before.png);}
.pri_con .list_wrap > ul > li .inner_l .state_area .state i:after{content: '';width: 7px; height: 17px; position: absolute; top: 0; right: -7px; background-repeat: no-repeat; background-position: center; background-image: url(../images/common/process_after.png);}
.pri_con .list_wrap > ul > li .inner_l .state_area .state:first-child i:before{display: none;}

.pri_con .list_wrap > ul > li .inner_l .state_area .state.active span{color: #0075ff; font-weight: 600;}
.pri_con .list_wrap > ul > li .inner_l .state_area .state.active i{background-color: #0075ff;}
.pri_con .list_wrap > ul > li .inner_l .state_area .state.active i:before{background-image: url(../images/common/process_on_before.png);}
.pri_con .list_wrap > ul > li .inner_l .state_area .state.active i:after{background-image: url(../images/common/process_on_after.png);}

.pri_con .list_wrap > ul > li .inner_l .shipping{margin-top: 17px;}
.pri_con .list_wrap > ul > li .inner_l .shipping p{display: inline-block; vertical-align: top; margin-bottom: 0; font-size: 18px; line-height: 27px; color: #222; letter-spacing: -0.09px;}
.pri_con .list_wrap > ul > li .inner_l .shipping i{display: inline-block; vertical-align: top; height: 27px;  width: 56px; background-repeat: no-repeat; background-position: center; background-image: url(../images/common/ico_deny.png);}
.pri_con .list_wrap > ul > li .inner_l .date{margin:12px 0 0; font-size: 14px; line-height: 22px; color: #666; letter-spacing: -0.07px;}

.pri_con .list_wrap.type-02 > ul > li .inner_r{position: absolute; top: 0; right: 0; bottom: 0; width: 192px; padding: 72px 52px 0;}
.pri_con .list_wrap.type-02 > ul > li .inner_r:before{content: ''; width: 1px; height: auto; background-color: #ddd; position: absolute; top: 10px; bottom: 10px; left: 0;}
.pri_con .list_wrap.type-02 > ul > li .inner_r span{display: block; font-size: 14px; line-height: 20px; border: none; padding: 0; text-align: center; color: #666;}
.pri_con .list_wrap.type-02 > ul > li .inner_r .btn {display: block; margin-top: 10px; width: 87px;height: 32px; line-height: 30px; background-color: #fff;border: 1px solid #222;border-top: 1px solid #222 !important; padding: 0 !important;border-radius: 5px !important;font-size: 11px;font-weight: 400;color: #222;}

/*===== 물류비견적 신청폼 =====*/
.pri_con .app_tit{padding-top: 3px; text-align: center; font-size: 30px; line-height: 41px; letter-spacing: -0.15px; color: #122;}
.pri_con .app_tit strong{display: block;}

.pri_con .app_btn{padding-top: 15px;}
.pri_con .app_btn .ab_inner{margin-top: 35px; font-size: 0; text-align: center;}
.pri_con .app_btn .ab_inner .ab_btn{position: relative; display: inline-block; vertical-align: top; width: 250px; margin-left: 20px;}
.pri_con .app_btn .ab_inner .ab_btn:first-child{margin-left: 0;}
.pri_con .app_btn .ab_inner .ab_btn input{width: 1px;height: 1px; position: absolute;opacity: 0;}
.pri_con .app_btn .ab_inner .ab_btn label{display: block; padding: 30px 0; background-color: rgba(34,136,173,.07); border-radius: 5px; text-align: center; transition: .3s; -webkit-transition: .3s; cursor: pointer;}
.pri_con .app_btn .ab_inner .ab_btn input:checked + label{background-color: #2288ad;}
.pri_con .app_btn .ab_inner .ab_btn label i{display: block; height: 78px; background-repeat: no-repeat; background-position: center;}
.pri_con .app_btn .ab_inner .ab_btn.ab01 label i{background-image: url(../images/common/ico_app01.png);}
.pri_con .app_btn .ab_inner .ab_btn.ab02 label i{background-image: url(../images/common/ico_app02.png);}
.pri_con .app_btn .ab_inner .ab_btn.ab03 label i{background-image: url(../images/common/ico_app03.png);}
.pri_con .app_btn .ab_inner .ab_btn.ab04 label i{background-image: url(../images/common/ico_app04.png);}
.pri_con .app_btn .ab_inner .ab_btn.ab01 input:checked + label i{background-image: url(../images/common/ico_app01_on.png);}
.pri_con .app_btn .ab_inner .ab_btn.ab02 input:checked + label i{background-image: url(../images/common/ico_app02_on.png);}
.pri_con .app_btn .ab_inner .ab_btn.ab03 input:checked + label i{background-image: url(../images/common/ico_app03_on.png);}
.pri_con .app_btn .ab_inner .ab_btn.ab04 input:checked + label i{background-image: url(../images/common/ico_app04_on.png);}

.pri_con .app_btn .ab_inner .ab_btn label span{display: block; margin-top: 24px; height: 38px; line-height: 38px; font-size: 26px; color: #2288ad; letter-spacing: -0.13px;}
.pri_con .app_btn .ab_inner .ab_btn input:checked + label span{color: #fff;}

.btn_area.type-app{margin-top: 95px;}
.btn_area.type-app .btn{width: 331px;}
.btn_area.type-app .btn span{display: inline-block; vertical-align: top; padding-right: 18px; background-repeat: no-repeat; background-position: right center; background-image: url(../images/common/arrow_right.png);}
.btn_area.type-mypage .btn{width: 193px;}


.pri_con .enroll_tit{margin: 0 -153px; padding: 0 30px; background-color: #007897;}
.pri_con .enroll_tit:after{content: ''; display: block; clear: both;}
.pri_con .enroll_tit i{display: inline-block; vertical-align: top; margin-right: 16px; height: 90px; background-repeat: no-repeat; background-position: center;}
.pri_con .enroll_tit i.ico01{width: 67px; background-image: url(../images/common/ico_app01_2.png);}
.pri_con .enroll_tit i.ico02{width: 44px; background-image: url(../images/common/ico_app02_2.png);}
.pri_con .enroll_tit i.ico03{width: 35px; background-image: url(../images/common/ico_app03_2.png);}
.pri_con .enroll_tit i.ico04{width: 67px; background-image: url(../images/common/ico_app04_2.png);}
.pri_con .enroll_tit span{display: inline-block; vertical-align: top; font-size: 34px; line-height: 90px; font-weight: 500; color: #fff;}

.pri_con .enroll_tit .et_l{float: left;}

.pri_con .enroll_tit .et_r{float: right; font-size: 0;}
.pri_con .enroll_tit .et_r .state_area{display: inline-block; vertical-align: top; padding-top: 22px;}
.pri_con .enroll_tit .et_r .state_area .state{display: inline-block; vertical-align: top; width: 144px; margin-left: 11px;}
.pri_con .enroll_tit .et_r .state_area .state span{display: block; text-align: center; width: 100%; font-size: 16px; line-height: 24px; height: 24px; color: #ccc; letter-spacing: -0.08px;}
.pri_con .enroll_tit .et_r .state_area .state i{display: block; margin-top: 6px; margin-right: 0; height: 17px; position: relative; background-color: #ccc;}
.pri_con .enroll_tit .et_r .state_area .state i:before{content: '';width: 7px; height: 17px; position: absolute; top: 0; left: -7px; background-repeat: no-repeat; background-position: center; background-image: url(../images/common/process02_before.png);}
.pri_con .enroll_tit .et_r .state_area .state i:after{content: '';width: 7px; height: 17px; position: absolute; top: 0; right: -7px; background-repeat: no-repeat; background-position: center; background-image: url(../images/common/process02_after.png);}

.pri_con .enroll_tit .et_r .state_area .state:first-child{margin-left: 0;}
.pri_con .enroll_tit .et_r .state_area .state:first-child i:before{display: none;}

.pri_con .enroll_tit .et_r .state_area .state.active span{color: #fff; font-weight: 600;}
.pri_con .enroll_tit .et_r .state_area .state.active i{background-color: #fff;}
.pri_con .enroll_tit .et_r .state_area .state.active i:before{background-image: url(../images/common/process02_on_before.png);}
.pri_con .enroll_tit .et_r .state_area .state.active i:after{background-image: url(../images/common/process02_on_after.png);}
.pri_con .enroll_tit .et_r .btn_area{display: inline-block; vertical-align: top; margin-top: 0; padding-top: 28px; margin-left: 56px; width: 87px;}
.pri_con .enroll_tit .et_r .btn_area .btn{display: block; width: 100%; height: 32px; margin: 0; line-height: 30px; border: 1px solid #fff; border-top: 1px solid #fff !important; background-color: transparent; font-size: 11px; color: #fff;}

.ui-widget.ui-widget-content{margin-top: 0 !important;}
.ui-datepicker .ui-datepicker-prev span{background-image: url(../images/common/btn_prev.png);}
.ui-datepicker .ui-datepicker-next span{background-image: url(../images/common/btn_next.png);}

.pri_con .app_logo{margin-top: 3px; text-align: center;}
.pri_con .app_txt{margin-top: 40px; position: relative; padding-top: 11px;}
.pri_con .app_txt:before{content: ''; width: 576px; height: 1px; background-color: #e4ebf1; position: absolute; left: 50%; top: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.pri_con .app_txt p{margin-top: 30px; color: #333; text-align: center;}
.pri_con .app_txt .txt01{font-size: 16px; line-height: 24px; letter-spacing: -0.08px;}
.pri_con .app_txt .txt02{font-size: 18px; line-height: 34px; letter-spacing: -0.09px;}
.pri_con .app_txt .txt02 strong{display: block; font-size: 26px; color: #2288ad;}


/*===== 마이페이지 =====*/
.mypage_tab{font-size: 0;}
.mypage_tab .btn{vertical-align: top; width: 50%; background-color: #f1f1f1; padding: 0 !important; border-top: none !important; height: 70px; line-height: 70px; font-size: 16px; color: #999; border-bottom: 1px solid #222;}
.mypage_tab .btn.on{border-top: 1px solid #222 !important; border: 1px solid #222; border-bottom: none; line-height: 68px; background-color: #fff; font-weight: 500; color: #222;}
.mypage_tab + .pri_con{border-radius: 0 0 10px 10px;}
.mypage_tab + .pri_con.type-02{padding-top: 0;}

/*===== 마이페이지 - 팝업 =====*/
.popup #sub_container{background-color: #fff; border-top: none; padding-bottom: 0;}
.popup #sub_container .inner{width: 1130px;}
.popup #sub_container .inner .popup_top h2{padding: 0; line-height: 45px; margin: 0;}
.popup .popup_top{position: relative;padding: 40px 0; border-bottom: 1px solid #e4ebf1;}
.popup .popup_top .pop_close{display: inline-block; width: 37px; height: 37px; position: absolute;top: 40px; right: 20px; background-repeat: no-repeat; background-position: center; background-image: url(../images/common/btn_close02.png); background-color: #fff; font-size: 0;}

.popup .popup_top .share_area{position: absolute;bottom: -42px; right: 20px; font-size: 0; z-index: 5;}
.popup .popup_top .share_area > div{display: inline-block; vertical-align: top; width: 20px; margin-left: 20px;}
.popup .popup_top .share_area > div > button{display: block;width: 100%; height: 22px; background-repeat: no-repeat; background-position: center; background-color: #fff;}
.popup .popup_top .share_area .share{position: relative;}
.popup .popup_top .share_area .share .btn_s{background-image: url(../images/common/ico_share.png);}
.popup .popup_top .share_area .share .share_pop{position: absolute;top: 33px;right: 0; height: 30px; border-radius: 30px; border: 1px solid #222; padding: 0 5px; display: none; white-space: nowrap;}
.popup .popup_top .share_area .share .share_pop a{height: 28px; margin: 0 9px;display: inline-block; vertical-align: top; background-repeat: no-repeat; background-position: center; opacity: 0;}
.popup .popup_top .share_area .share .share_pop a.sns01{width: 7px; background-image: url(../images/common/ico_sns01.png);}
.popup .popup_top .share_area .share .share_pop a.sns02{width: 14px; background-image: url(../images/common/ico_sns02.png);}
.popup .popup_top .share_area .share .share_pop a.sns03{width: 20px; background-image: url(../images/common/ico_url.png);}

.popup .popup_top .share_area .print .btn_p{background-image: url(../images/common/ico_print.png);}

.popup .pri_con{position: relative; width: 100%;}
.popup .pri_con.type-03{padding: 53px 168px 153px;}
.popup .pri_con .enroll_tit{margin: 0 -168px;}
.popup .pri_con .table_top{margin: 0 -168px; padding: 28px 20px 10px;}