@charset "utf-8";
@import url("/css/pretendard.css");
* { margin:0px; padding:0px; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; box-sizing: border-box; font-weight:400; color:#333;}
body, html {height:100%; position:relative; overflow-x: hidden; overflow-y: auto;}
body.popup {overflow:auto;}
form {position: relative; width:100%; height:100%;}
img { border:0 none; vertical-align:top; }
input {vertical-align:top; outline: none;}
a:link, a:active {
    text-decoration: none;
}
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }
a { text-decoration:none; }
ul, ol, li, dl, dt, dd { list-style:none; }
p { margin:0; padding:0;}
form, fieldset, legend { margin:0; padding:0; }
a.under_line {text-decoration:underline; color:#2222d3; font-size:13px;}
input[type="button"] {cursor:pointer;}
table {border-collapse: collapse;}
textarea {resize:none;}
button {cursor:pointer; border:none; outline: none; background:none;}
span.line {display:block;}

div#wrap {width:100%; height:100%; position:relative;}

div#MainIntroBody {position: fixed; width:100%; height:100%; background:#2384c6; z-index:9;}
div#MainIntroBody div.intro_area {width:500px; height:500px; position: absolute; top:50%; left:50%; margin-left:-250px; margin-top:-250px;}
div#MainIntroBody div.intro_area dl {position:relative;}
div#MainIntroBody div.intro_area dl dt {text-align:center; height:143px; margin-bottom:60px;}
div#MainIntroBody div.intro_area dl dt img {display: none; margin-right:16px;}
div#MainIntroBody div.intro_area dl dd {text-align:center; font-size:58px; font-weight:bold; letter-spacing: 10px; color:#fff; height:132px;}
div#MainIntroBody div.intro_area dl dd p {font-size:58px; font-weight:bold; letter-spacing: 10px; color:#fff;  display:none;}
div#MainIntroBody div.intro_area dl dd span {font-size:20px; letter-spacing: 1px;  display:none; color:#fff;}

div#MainWrap {background:#000; width:100%; height:100vh;}

header#MainHeader {height:120px; width:100%; border-bottom:1px solid #9fa1a1; position:absolute; top:0px; left:0px; z-index:5; padding:0 130px}
header#MainHeader ul li {float:left; width:50%; text-align:left;}
header#MainHeader ul li:last-child {text-align:right;}
div#MainSection {position:relative; width:100%; overflow:hidden;}
div#MainSection section {width:25%; height:820px; float:left;}
div#MainSection section dl {overflow:hidden;}
div#MainSection section dl.on {background:url("../images/opa_bg.png") repeat;}
div#MainSection section dl dt {line-height:820px; text-align:center; color:#fff; width:100%; /*width:50%;*/ font-size:38px; font-weight:700; float:left;}
div#MainSection section dl dt a {color:#fff; font-size:38px; font-weight:700;}
div#MainSection section dl dt a:hover {text-decoration:underline;}
div#MainSection section dl dd {width:0px; float:left; position:relative; height:800px; overflow:hidden;}
div#MainSection section dl dd ul.menu {/*margin-top:230px;*/ position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
div#MainSection section dl dd ul.menu li {line-height:54px; border-bottom:1px solid #9fa1a1; padding-left:20px; width:230px;}
div#MainSection section dl dd ul.menu li strong {color:#2384c6; font-size:22px; font-weight:bold;}
div#MainSection section dl dd ul.menu li:hover {border-bottom:1px solid #fff; background:url("../images/main/menu_arr.png") no-repeat 90% center #2384c6;}
div#MainSection section dl dd ul.menu li:hover a {display:inline-block; width:100%;}
div#MainSection section dl dd ul.menu li a {color:#fff; font-size:20px;}
div#MainSection section dl dd ul.sub_menu {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);}
div#MainSection section dl dd ul.sub_menu li strong {color:#2384c6; font-size:22px; font-weight:bold;}
div#MainSection section dl dd ul.sub_menu li {padding-left:20px; width:220px; margin-bottom:40px;}
div#MainSection section dl dd ul.sub_menu ul {margin-top:20px;}
div#MainSection section dl dd ul.sub_menu ul li {line-height:54px; padding-left:10px; width:260px; border-bottom:1px solid #9fa1a1; margin-bottom:10px; margin-bottom:0px;}
div#MainSection section dl dd ul.sub_menu ul li a {color:#fff; font-size:18px;}
div#MainSection section dl dd ul.sub_menu ul li:hover {border-bottom:1px solid #fff; background:url("../images/main/menu_arr.png") no-repeat 95% center #2384c6;}
div#MainSection section dl dd ul.sub_menu ul li:hover a {display:inline-block; width:100%;}
div#MainSection section.main_01 {background:url("../images/main/main_bg1.png") no-repeat top left; background-size:auto;}
div#MainSection section.main_02 {background:url("../images/main/main_bg2.png") no-repeat top left; background-size:auto;}
div#MainSection section.main_03 {background:url("../images/main/main_bg3.png") no-repeat top left; background-size:auto;}
div#MainSection section.main_04 {background:url("../images/main/main_bg4.png") no-repeat top left; background-size:auto;}

div#MainFooter {overflow:hidden; width:100%; padding:20px 0; background:#000;}
ul#footer { text-align:center; width:1420px; margin:0 auto;}
ul#footer li {float:left; /*width:260px;*/ width:333px; height:45px; border:1px solid #595959; border-radius:5px; margin-right:2%; text-align:center;}
ul#footer li:last-child {border:0px; margin-right:0px;}
ul#footer li:first-child {border:0px;}
ul#footer li img {vertical-align:middle;}

ul#footer li a {color:#fff; line-height:45px;}
ul#footer li a:hover {text-decoration:underline;}

/*서브 컨텐츠 - JungWoon메뉴*/
header#SubHeader {height:120px; overflow:hidden; width:100%; position:absolute; top:0px; left:0px; z-index:5; border-bottom:1px solid #9fa1a1;}
header#SubHeader ul {position:relative; width:660px; margin:42px auto 0;}
header#SubHeader ul li {float:left; margin-right:95px; position:relative;}
header#SubHeader ul li:nth-child(2):hover a {text-decoration:auto;}
header#SubHeader ul li:nth-child(2):hover ul {display:block;}
header#SubHeader ul li:nth-child(2):hover {padding-bottom:22px;}
header#SubHeader ul li:last-child {margin-right:0px;}
header#SubHeader ul li a {font-size:20px; font-weight:700; color:#fff;}
header#SubHeader ul li:hover a {text-decoration:underline;}
div#SubWarp {width:100%; position:relative;}
/*공통*/
div#SubWarp div.sub_top h2 {position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); color:#fff; font-size:46px; font-weight:700; text-align:center}
div#SubWarp div.sub_top h2 span {font-size:34px; color:#fff; font-weight:500;}
div#SubWarp div.sub_top ul.sub_menu {width:1200px; background:#fff; overflow:hidden; height:70px; position:absolute; bottom:0px; left:50%; margin-left:-600px;}
div#SubWarp div.sub_top ul.sub_menu li a {font-size:20px; height:70px; display:inline-block;}
div#SubWarp div.sub_top ul.sub_menu li a:hover {font-weight:700; border-bottom:4px solid #333333;}
div#SubWarp div.sub_top ul.sub_menu li a.on {font-weight:700; border-bottom:4px solid #333333;}
/*JungWoon 메뉴*/
div#SubWarp div#DivSub1 {position:relative;}
div#SubWarp div#DivSub1 > div.sub_top {width:100%; height:700px; background:url("../images/sub/sub_bg01.png") no-repeat left top; background-size:contain; position:relative;}
div#SubWarp div#DivSub1 > div.sub_top ul.sub_menu li {width:171.4285714285714px; line-height:70px; text-align:center; float:left;}
/*Customs 메뉴*/
div#SubWarp div#DivSub2 {position:relative;}
div#SubWarp div#DivSub2 > div.sub_top {width:100%; height:700px; background:url("../images/sub/sub_bg02.png") no-repeat left top; background-size:contain; position:relative;}
div#SubWarp div#DivSub2 > div.sub_top ul.sub_menu li {width:600px; line-height:70px; text-align:center; float:left;}

/*Consulting 메뉴*/
div#SubWarp div#DivSub3 {position:relative;}
div#SubWarp div#DivSub3 > div.sub_top {width:100%; height:700px; background:url("../images/sub/sub_bg03.png") no-repeat left top; background-size:contain; position:relative;}
div#SubWarp div#DivSub3 > div.sub_top ul.sub_menu li {width:200px; line-height:70px; text-align:center; float:left;}
/*Services 메뉴*/
div#SubWarp div#DivSub4 {position:relative;}
div#SubWarp div#DivSub4 > div.sub_top {width:100%; height:700px; background:url("../images/sub/sub_bg04.png") no-repeat left top; background-size:contain; position:relative;}
div#SubWarp div#DivSub4 > div.sub_top ul.sub_menu li {width:400px; line-height:70px; text-align:center; float:left;}
/*Etc 메뉴*/
div#SubWarp div#DivSub5 {position:relative;}
div#SubWarp div#DivSub5 > div.sub_top {width:100%; height:700px; background:url("../images/sub/sub_bg01.png") no-repeat left top; background-size:contain; position:relative;}
div#SubWarp div#DivSub5 > div.sub_top ul.sub_menu li {width:400px; line-height:70px; text-align:center; float:left;}

div#SubWarp div.sub_contents {width:1200px; margin:0 auto; padding:100px 0;}
div#SubWarp div.sub_contents h1 {font-size:50px; font-weight:700; text-align:center; padding-bottom:20px;}
div#SubWarp div.sub_contents h1::after {display: block; content: ""; width: 38px; height: 3px; margin: 15px auto 0; background: #2384c6;}
div#SubWarp div.sub_contents h2 {font-size:20px; font-weight:400; color:#555; text-align:center; margin-bottom:80px; opacity:0.7; line-height:1.5}
div#SubWarp div.sub_contents h2 strong {font-size:20px; color:#2384c6; font-weight:700; opacity:0.7;}
div#SubWarp div.sub_contents p.sub_text_01 {font-size:18px; font-weight:400; color:#000; line-height:1.8; word-break:keep-all;}
div#SubWarp div.sub_contents p.sub_text_01 span {font-size:24px; font-weight:500; color:#2384c6;}
div#SubWarp div.sub_contents span.sub_text_span {color:#2384c6; font-weight:700; font-size:22px;}
div#SubWarp div.sub_contents strong.sub_title {font-weight:700; font-size:22px;}
div#SubWarp div.sub_contents dl {padding:15px 0;}
div#SubWarp div.sub_contents dl dt {font-weight:700; font-size:20px; padding-left:20px; position:relative}
div#SubWarp div.sub_contents dl dt:before {display: block; content: ""; width: 8px; height: 8px; background:#2384c6; position: absolute; left: 0; top: 8px;}
div#SubWarp div.sub_contents dl dd {font-size:18px; margin:10px 0; line-height:1.5;}
div#SubWarp div.sub_contents dl dd a {font-size:18px; text-decoration:underline;}
div#SubWarp div.sub_contents div.sub_img {text-align:center; margin:40px 0;}
ul.aeo_ul {overflow:hidden; position:relative;}
ul.aeo_ul li {float:left; width:380px; height:230px; border:1px solid #9fa1a1; margin-bottom:30px; margin-right:30px; padding:20px;}
ul.aeo_ul li:nth-child(3n) {margin-right:0px;}
ul.aeo_ul li:last-child {border:0px;}
ul.aeo_ul li dl {padding:0px !important;}
ul.aeo_ul li dl dt {color:#2384c6; font-size:20px; font-weight:500; padding-left:0px !important;}
ul.aeo_ul li dl dt:before {display:none !important;}
ul.aeo_ul li dl dt strong {color:#2384c6; font-size:32px; font-weight:700; border-bottom:2px solid #2384c6;}
ul.aeo_ul li dl dd {padding-top:20px; line-height:1.5; font-size:18px; word-break:keep-all;}
ul.aeo_ul li p {text-align:center; line-height:1.5;}
ul.aeo_ul li p img {margin-top:10px;}
ul.aeo_ul li:nth-child(1) {background:url("../images/sub/aeo_icon_01.png") no-repeat 93% 93%; background-size:40px;}
ul.aeo_ul li:nth-child(2) {background:url("../images/sub/aeo_icon_02.png") no-repeat 93% 93%; background-size:40px;}
ul.aeo_ul li:nth-child(3) {background:url("../images/sub/aeo_icon_03.png") no-repeat 93% 93%; background-size:40px;}
ul.aeo_ul li:nth-child(4) {background:url("../images/sub/aeo_icon_04.png") no-repeat 93% 93%; background-size:40px;}
ul.aeo_ul li:nth-child(5) {background:url("../images/sub/aeo_icon_05.png") no-repeat 93% 93%; background-size:40px;}

ul.customs_ul {overflow:hidden; position:relative; margin:20px 0 80px;}
ul.customs_ul li {float:left; width:380px; height:140px; border:1px solid #9fa1a1; margin-bottom:30px; margin-right:30px; padding:10px;}
ul.customs_ul li:nth-child(3n) {margin-right:0px;}
ul.customs_ul li dl {padding:0px !important; overflow:hidden;}
ul.customs_ul li dl dt {color:#2384c6; font-size:20px; font-weight:500; width:100%; text-align:center; padding-left:0px !important; padding-bottom:10px;}
ul.customs_ul li dl dt::before {background:none !important;}
ul.customs_ul li dl dt strong {color:#2384c6; font-size:32px; font-weight:700; border-bottom:2px solid #2384c6;}
ul.customs_ul li dl dd {line-height:1.5; font-size:18px; word-break:keep-all; width:100%; margin-top:5px !important; text-align:center; padding-left:0px !important;}
ul.customs_ul li p {text-align:center; line-height:1.5;}
ul.customs_ul li p img {margin-top:10px;}
ul.customs_ul li:nth-child(1) {background:url("../images/sub/customs_icon_01.png") no-repeat 93% 10%; background-size:40px;}
ul.customs_ul li:nth-child(2) {background:url("../images/sub/customs_icon_02.png") no-repeat 93% 10%; background-size:35px;}
ul.customs_ul li:nth-child(3) {background:url("../images/sub/customs_icon_03.png") no-repeat 93% 10%; background-size:33px;}
ul.customs_ul li:nth-child(4) {background:url("../images/sub/customs_icon_04.png") no-repeat 93% 10%; background-size:40px;}
ul.customs_ul li:nth-child(5) {background:url("../images/sub/customs_icon_05.png") no-repeat 93% 10%; background-size:40px;}
ul.customs_ul li:nth-child(6) {background:url("../images/sub/customs_icon_06.png") no-repeat 93% 10%; background-size:40px;}
ul.customs_ul li:nth-child(7) {background:url("../images/sub/customs_icon_07.png") no-repeat 93% 10%; background-size:40px;}
ul.customs_ul li:nth-child(8) {background:url("../images/sub/customs_icon_08.png") no-repeat 93% 10%; background-size:40px;}
ul.customs_ul li:nth-child(9) {background:url("../images/sub/customs_icon_09.png") no-repeat 93% 10%; background-size:40px;}
ul.customs_ul li:nth-child(10) {background:url("../images/sub/customs_icon_10.png") no-repeat 93% 10%; background-size:40px;}
ul.customs_ul li:nth-child(11) {background:url("../images/sub/customs_icon_11.png") no-repeat 93% 10%; background-size:40px;}
ul.customs_ul li:nth-child(12) {background:url("../images/sub/customs_icon_12.png") no-repeat 93% 10%; background-size:40px;}
ul.customs_ul li:nth-child(13) {background:url("../images/sub/customs_icon_13.png") no-repeat 93% 10%; background-size:40px;}

ul.customs_ul.type2 li:nth-child(1) {background:url("../images/sub/customs_icon_01.png") no-repeat 93% 10%; background-size:40px;}
ul.customs_ul.type2 li:nth-child(2) {background:url("../images/sub/customs_icon_02.png") no-repeat 93% 10%; background-size:40px;}
ul.customs_ul.type2 li:nth-child(3) {background:url("../images/sub/customs_icon_03.png") no-repeat 93% 10%; background-size:40px;}
ul.customs_ul.type2 li:nth-child(4) {background:url("../images/sub/customs_icon_05.png") no-repeat 93% 10% !important; background-size:40px !important;}
ul.customs_ul.type2 li:nth-child(5) {background:url("../images/sub/customs_icon_13.png") no-repeat 93% 10% !important; background-size:40px !important;}
ul.customs_ul.type2 li:nth-child(6) {background:url("../images/sub/customs_icon_11.png") no-repeat 93% 10% !important; background-size:40px !important;}
ul.customs_ul.type2 li:nth-child(7) {background:url("../images/sub/customs_icon_07.png") no-repeat 93% 10%; background-size:40px;}

ul.customs_ul.type3 li:nth-child(1) {background:url("../images/sub/Consulting_icon_06.png") no-repeat 93% 10% !important; background-size:40px !important;}
ul.customs_ul.type3 li:nth-child(2) {background:url("../images/sub/customs_icon_01.png") no-repeat 93% 10% !important; background-size:40px !important;}
ul.customs_ul.type3 li:nth-child(3) {background:url("../images/sub/customs_icon_03.png") no-repeat 93% 10% !important; background-size:40px !important;}
ul.customs_ul.type3 li:nth-child(4) {background:url("../images/sub/customs_icon_11.png") no-repeat 93% 10% !important; background-size:40px !important;}
ul.customs_ul.type3 li:nth-child(5) {background:url("../images/sub/customs_icon_13.png") no-repeat 93% 10% !important; background-size:40px !important;}
ul.customs_ul.type3 li:nth-child(6) {background:url("../images/sub/customs_icon_07.png") no-repeat 93% 10% !important; background-size:40px !important;}

ul.customs_ul.type4 li:nth-child(1) {background:url("../images/sub/Consulting_icon_07.png") no-repeat 93% 10% !important; background-size:35px !important;}
ul.customs_ul.type4 li:nth-child(2) {background:url("../images/sub/Consulting_icon_08.png") no-repeat 93% 10% !important; background-size:37px !important;}
ul.customs_ul.type4 li:nth-child(3) {background:url("../images/sub/Consulting_icon_09.png") no-repeat 93% 10% !important; background-size:40px !important;}
ul.customs_ul.type4 li:nth-child(4) {background:url("../images/sub/Consulting_icon_10.png") no-repeat 93% 10% !important; background-size:30px !important;}

ul.customs_ul.type5 li:nth-child(1) {background:url("../images/sub/customs_icon_07.png") no-repeat 93% 10% !important; background-size:40px !important;}
ul.customs_ul.type5 li:nth-child(2) {background:url("../images/sub/customs_icon_09.png") no-repeat 93% 10% !important; background-size:37px !important;}
ul.customs_ul.type5 li:nth-child(3) {background:url("../images/sub/Consulting_icon_09.png") no-repeat 93% 10% !important; background-size:40px !important;}
ul.customs_ul.type5 li:nth-child(4) {background:url("../images/sub/customs_icon_03.png") no-repeat 93% 10% !important; background-size:30px !important;}
ul.customs_ul.type5 li:nth-child(5) {background:url("../images/sub/customs_icon_13.png") no-repeat 93% 10% !important; background-size:30px !important;}

ul.customs_ul.type3 li {background:none !important;}

ul.consulting_ul {overflow:hidden; position:relative; margin-top:20px;}
ul.consulting_ul li {float:left; width:390px; height:280px; border:1px solid #9fa1a1; margin-bottom:30px; margin-right:15px; padding:10px 20px;}
ul.consulting_ul li:nth-child(3n) {margin-right:0px;}
ul.consulting_ul li dl {padding:0px !important;}
ul.consulting_ul li dl dt {color:#2384c6; font-size:20px; font-weight:500; padding-left:0 !important; margin-bottom:20px;}
dd.exception {text-indent: 0px !important;}
ul.consulting_ul li dl dt::before {display:none !important;}
ul.consulting_ul li dl dt strong {color:#2384c6; font-size:32px; font-weight:700; margin-right:10px;}
ul.consulting_ul li dl dd {line-height:1.5; font-size:16px !important; word-break:keep-all; margin-top:0px !important; padding-left:10px !important; text-indent:-10px;}
ul.consulting_ul li:nth-child(1) {background:url("../images/sub/Consulting_icon_01.png") no-repeat 93% 93%; background-size:40px;}
ul.consulting_ul li:nth-child(2) {background:url("../images/sub/consulting_icon_02.png") no-repeat 93% 93%; background-size:40px;}
ul.consulting_ul li:nth-child(3) {background:url("../images/sub/consulting_icon_03.png") no-repeat 93% 93%; background-size:40px;}
ul.consulting_ul li:nth-child(4) {background:url("../images/sub/consulting_icon_04.png") no-repeat 93% 100%; background-size:80px;}
ul.consulting_ul li:nth-child(5) {background:url("../images/sub/consulting_icon_05.png") no-repeat 93% 93%; background-size:40px;}


table.member_tb {width:600px; margin:50px auto 0;}
table.member_tb td {padding:20px; line-height:2; border:1px solid #9fa1a1;} 
table.member_tb th img {width:120px} 
table.member_tb th {padding:20px; line-height:2; border:1px solid #9fa1a1; text-align:center;} 

table.normal_tb {max-width:1000px; margin:20px auto 0; width:100%;}
table.normal_tb th {padding: 10px; border:1px solid #9fa1a1; font-weight:700;}
table.normal_tb td {padding: 10px; line-height:2; border:1px solid #9fa1a1; word-break:keep-all;}

ul.sub_hd_menu {position:absolute !important; top:0px; left:0px; display:none;}
ul.sub_hd_menu li {margin-right:40px !important;}
ul.sub_hd_menu li a {color:#99d5fe !important; font-size:18px !important;}
ul.sub_hd_menu li a:hover {text-decoration:underline !important;}

table.customs_tb {position:relative; width:100%;}
table.customs_tb tr th {font-size:20px; font-weight:700; text-align:center; padding:40px 20px 20px; background:#f5f5f5;} 
table.customs_tb tr td {font-size:20px; text-align:left; padding:40px 20px 20px; background:#f5f5f5;} 
table.customs_tb tr td input {height:50px; width:300px; border-radius:5px; padding:0 10px; border:1px solid #9fa1a1; font-size:18px;}
table.customs_tb tr td select {height:50px; width:300px; border-radius:5px; padding:0 10px; border:1px solid #9fa1a1; font-size:18px;}
table.customs_tb tr td textarea {height:150px; width:100%; border-radius:5px; padding:10px; border:1px solid #9fa1a1; font-size:18px; outline:none;}
button.send_btn {height:40px; width:100px; background:#2384c6; color:#fff; border-radius:5px; font-size:18px; font-weight:700;}

div.service_body {margin:50px auto 0; width:100%; background:#f3f3f3; padding:60px 0; text-align:center;}
div.service_body h2 {font-size:44px; font-weight:600; padding-bottom:10px;}
div.service_body p {font-size:20px; margin-bottom:35px;}
div.service_body button.type_01 {width:180px; height:68px; color:#fff; font-size:22px; background:#5126fe; border-radius:10px;}
div.service_body button.type_02 {width:180px; height:68px; color:#fff; font-size:22px; background:#16a0d2; border-radius:10px;}
/*화물진행정보*/
div#DivUnipassLayer {background:url("../Images/opa_bg.png") repeat; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:99; padding:20px; display:none}
div#DivUnipassLayer div.unipass_body {width:100%; height:100%; overflow-y:auto; background:#fff; border-radius:10px; position:relative;}
div#DivUnipassLayer div.unipass_body h1 {font-size:22px; font-weight:500; text-align:center; padding-top:20px;}
div#DivUnipassLayer div.unipass_body button.close_btn {background:url("../Images/close_bl_icon.png") no-repeat; width:30px; height:30px; position:absolute; right:20px; top:20px}
div.search_layer table {display:inline-block;}
div.list_area {max-width:1200px; margin:0 auto; margin-top:30px;}
div.list_area p.tcnt {font-size:18px;}
div.list_area p.tcnt span {color:#5126fe; font-size:18px; font-weight:700;}
div.list_area ul {margin-top:10px;}
div.list_area ul li {overflow:hidden; width:100%; border:1px solid #808080; border-bottom:0px; padding:20px;}
div.list_area ul li:last-child {border-bottom:1px solid #808080;}
div.list_area ul li a {display:block; font-size:22px; text-decoration:underline;}
div.list_area ul li a:hover {color:#5126fe;}
div.list_area ul li a span {font-size:22px; float:right; padding-right:50px;}
div.list_area div.cnts {margin-top:30px; border-top:1px solid #808080; padding-top:30px; display:none;}
div.list_area div.cnts dl {overflow:hidden;}
div.list_area div.cnts dl dt {float:left; font-size:18px; font-weight:600; color:#16a0d2; clear:both; padding-bottom:20px; width:25%;}
div.list_area div.cnts dl dd {float:left; padding-bottom:20px; width:75%;}
/*배송조회*/
div#DivShippingLayer {background:url("../Images/opa_bg.png") repeat; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:99; padding:20px; display:none;}
div#DivShippingLayer div.shipping_body {width:100%; height:100%; overflow-y:auto; background:#fff; border-radius:10px; position:relative;}
div#DivShippingLayer div.shipping_body h1 {font-size:22px; font-weight:500; text-align:center; padding-top:20px;}
div#DivShippingLayer div.shipping_body button.close_btn {background:url("../Images/close_bl_icon.png") no-repeat; width:30px; height:30px; position:absolute; right:20px; top:20px}
div.search_layer {margin-top:30px; text-align:center;}
div.search_layer table {display:inline-block;}
div.search_layer table td {padding:0 5px;}
div.search_layer .btn_01 {padding:0 10px;}
div.list_area {max-width:1200px; margin:0 auto; margin-top:30px; padding-bottom:20px;}
div.list_area p.tcnt {font-size:18px;}
div.list_area p.tcnt span {color:#5126fe; font-size:18px; font-weight:700;}
div#DivShippingLayer div.list_area ul {margin-top:30px;}
div#DivShippingLayer div.list_area ul li {overflow:hidden; width:100%; border:1px solid #808080; padding:20px; background:none; margin-bottom:10px;}
div#DivShippingLayer div.list_area ul li a {display:block; font-size:22px;}
div#DivShippingLayer div.list_area ul li a span {font-size:22px; float:right; padding-right:50px;}
div#DivShippingLayer div.list_area div.cnts {margin-top:30px; border-top:1px solid #808080; padding-top:30px; display:none;}
div#DivShippingLayer div.list_area div.cnts dl {overflow:hidden;}
div#DivShippingLayer div.list_area div.cnts dl dt {float:left; font-size:18px; font-weight:600; color:#16a0d2; clear:both; padding-bottom:20px; width:25%;}
div#DivShippingLayer div.list_area div.cnts dl dd {float:left; padding-bottom:20px; width:75%;}
div.shipping_cnts h2 {color:#16a0d2; font-size:20px;}
div.shipping_cnts h2 span {font-size:16px; opacity:0.5;}
div.shipping_cnts ul li dl dt {font-size:18px;}
div.shipping_cnts ul li dl dt span {font-size:16px; opacity:0.7;}
div.shipping_cnts ul li dl dd {padding-top:10px;}
/*게시판*/
ul.notice_ul {margin-top:40px;}
ul.notice_ul li {width:100%;}
ul.notice_ul li dl {padding:0 !important;}
ul.notice_ul li dt {border-top:1px solid #222222; overflow:hidden; border-left:0px; border-right:0px; padding:0 60px 0 20px; line-height:68px; background:url("../Images/notice_arr.png") no-repeat 99% center; cursor:pointer;}
ul.notice_ul li dt::before {display:none !important;}
ul.notice_ul li dt.on {background:url("../Images/notice_arr_up.png") no-repeat 99% center;}
ul.notice_ul li:last-child dt {border-bottom:1px solid #222222;}
ul.notice_ul li dt strong {font-size:20px; width:70%; float:left;}
ul.notice_ul li dt strong a:hover {text-decoration:underline;}
ul.notice_ul li dt span {font-size:20px; width:30%; text-align:right; float:left;}
ul.notice_ul li dd {background:#f3f3f3; padding:40px; line-height:1.5 !important; font-size:20px !important; display:none; margin:0px !important;}

ul.normal_ul {position:relative; margin-top:10px;}
ul.normal_ul li {margin-bottom:10px; font-size:18px;}

ul.service_ul {}
ul.service_ul {overflow:hidden; position:relative;}
ul.service_ul li {float:left; width:380px; height:186px; border:1px solid #9fa1a1; margin-bottom:30px; margin-right:30px; padding:20px;}
ul.service_ul li:nth-child(3n) {margin-right:0px;}
ul.service_ul li dl {padding:0px !important;}
ul.service_ul li dl dt {color:#2384c6; font-size:20px; font-weight:500; padding-left:0px !important; text-align:center;}
ul.service_ul li dl dt img {width:50px;}
ul.service_ul li dl dt::before {display:none !important;}
ul.service_ul li dl dt strong {color:#2384c6; font-size:32px; font-weight:700; border-bottom:2px solid #2384c6;}
ul.service_ul li dl dd {padding-top:20px; line-height:1.5; font-size:18px; word-break:keep-all; text-align:center}

.input_type_01 {padding:0 10px; height:30px; border:1px solid #808080; border-radius:5px;}
.btn_01 {height:30px; background:#5126fe; color:#fff; font-size:16px; padding:0 10px; border-radius:5px;}
.btn_02 {height:30px; border:1px solid #ff0000; color:#ff0000; font-size:16px; padding:0 10px; border-radius:5px;}

p.nt_file {background: url(../images/icon_file.gif) left center no-repeat; padding-left:22px; line-height:1.7;}

/*푸터*/
footer {width:100%; height:150px; background:#000; padding:40px 0;}
footer ul {text-align:center;}
footer ul li {color:#fff; font-size:14px; line-height:2; opacity:0.8;}
footer ul li:last-child {margin-top:10px;}

ul.seq_ul {position:relative; margin:20px 0;}
ul.seq_ul li {font-size:18px; margin-bottom:14px; padding-left:14px; position:relative;}
ul.seq_ul li:before {display: block; content: ""; width:6px; height:6px; background:#2384c6; position: absolute; left: 0; top:7px;} 

button.map_btn {border:2px solid #2384c6; color:#2384c6; height:40px; padding:0 20px; font-size:18px; margin-top:15px; margin-left:10px;}
button.map_btn span {display: inline-block; vertical-align: middle; width: 10px; height: 10px; border-right: 2px solid #2384c6; border-bottom: 2px solid #2384c6; transform: rotate(45deg); margin: -8px 0 0 10px;}
button.map_btn.on span {transform: rotate(-135deg); margin: 4px 0 0 10px;}

div.location_map {overflow:hidden;}
div.location_map dl {width:50%; float:left;}

div#DivJwtnlLayer {background:url("../Images/opa_bg.png") repeat; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:99; display:none;}
div#DivJwtnlLayer div.div_jwtnl_body {width:100%; height:100%; overflow-y:hidden; background:#fff; position:relative; padding:40px 0px;}
div#DivJwtnlLayer div.div_jwtnl_body iframe {width:100%; height:100%; border:none;}
div#DivJwtnlLayer div.div_jwtnl_body button.close_btn {background:url("../Images/close_bl_icon.png") no-repeat; width:30px; height:30px; position:absolute; right:20px; top:10px}

button.mail_type_btn1 {width:150px; height:50px; border-radius:5px; border:1px solid #2384c6; font-size:16px; font-weight:600; color:#2384c6; margin-right:15px;}
button.mail_type_btn2 {width:150px; height:50px; border-radius:5px; border:1px solid #2384c6; font-size:16px; font-weight:600; color:#2384c6;}
button.mail_type_btn1:hover,
button.mail_type_btn1.on {background: #2384c6; color: #fff;}
button.mail_type_btn2:hover,
button.mail_type_btn2.on {background:#2384c6; color:#fff;}

/*모바일 버전 display:none*/
div#MobileMainSection {display: none;}
#MobileMainHeader {display:none;}

/* 로딩바 */
#divLoadingImage {position: fixed !important; width: 100% !important; height: 100% !important; z-index: 99999 !important; top: 0px !important; background: #fff !important; opacity: 0.6 !important; display: none; left: 0px;}
#divLoadingImage img {width: 120px; height: 120px; position: absolute; left: 50%; top: 50%; margin-top: -60px; margin-left: -60px;}