body {background-color:#f5f5f5 !important;}

.sub_visual {position:relative;width:100%;height:432px;overflow:hidden;}
.sub_visual_image {z-index:10;width:2500px;height:432px;position:absolute;top:0;left:50%;margin-left:-1250px;}
.sub_visual_image img {width:100%;}
.sub_visual_txt {z-index:11;position:absolute;width:95%;max-width:1200px;height:432px;top:0;left:50%;margin-left:-600px;}
.sub_visual_txt h1 {margin-top:195px;width:415px;height:71px;}
.sub_visual_txt h1 img {width:410px;}
.sub_visual_txt p {display:block;margin-top:12px;width:495px;height:20px;text-align:left;font:20px/20px "Nanum Barun Gothic";color:#fff;}

/*sub_title*/
/*.sub_title {margin-top:110px;width:100%;height:auto;background-color:#ffffff;padding:30px 0;border-bottom:1px solid #ccc;border-top:1px solid #ccc;} */
.sub_title {margin-top:70px;width:100%;height:auto;background-color:#ffffff;padding:30px 0;}
.sub_title_inner {width:100%;margin:0 auto;height:auto;max-width:100%;}
.sub_img img {width:100%;height:400px}
/*서브 링크*/
.sub_link_wrap {width:100%;height:auto;border-bottom:1px solid #ccc;margin-bottom:60px;}
.sub_link_wrap ul {height:auto;width:100%;max-width:1200px;margin:0 auto;}
.sub_link_wrap ul li {text-align:center;float:left;width:33%;height:55px;}
.sub_link_wrap ul li a {font:15px/55px "Nanum Barun Gothic Light";color:#888;}
.sub_link_wrap ul li.active {border-bottom:3px solid #016fb5;font-weight:bold;}
.sub_link_wrap ul li.active a {font:15px/55px "Nanum Barun Gothic";color:#016fb5;font-weight:bold;}

.sub_link_wrap_3 {width:100%;height:auto;margin-top:0px;margin-bottom:50px;}
.sub_link_wrap_3 ul {float:center;height:auto;width:90%;max-width:1200px;margin:0 auto;}
.sub_link_wrap_3 ul li {text-align:center;float:left;width:33%;height:55px;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;}
.sub_link_wrap_3 ul li a {font:15px/55px "Nanum Barun Gothic Light";color:#262626;font-weight:bold;}
.sub_link_wrap_3 ul li.active {border-left:1px solid #262626;border-right:1px solid #262626;border-bottom:1px solid #262626;border-top:1px solid #262626;font-weight:bold;background-color:#262626;}
.sub_link_wrap_3 ul li.active a {font:15px/55px "Nanum Barun Gothic";color:#ffffff;font-weight:bold;}
.sub_link_wrap_3_last {border-right:1px solid #cccccc;}
.sub_link_wrap_3 ul li:hover {background-color:#cccccc;}
.sub_link_wrap_3 ul li a:hover {color:#FF0000;}

.sub_link_wrap_4 {width:100%;height:auto;margin-top:0px;margin-bottom:50px;}
.sub_link_wrap_4 ul {float:center;height:auto;width:100%;max-width:1200px;margin:0 auto;}
.sub_link_wrap_4 ul li {text-align:center;float:left;width:24.6%;height:55px;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;}
.sub_link_wrap_4 ul li a {font:15px/55px "Nanum Barun Gothic Light";color:#262626;font-weight:bold;}
.sub_link_wrap_4 ul li.active {border-left:1px solid #262626;border-right:1px solid #262626;border-bottom:1px solid #262626;border-top:1px solid #262626;font-weight:bold;background-color:#262626;}
.sub_link_wrap_4 ul li.active a {font:15px/55px "Nanum Barun Gothic";color:#ffffff;font-weight:bold;}
.sub_link_wrap_4_last {border-right:1px solid #cccccc;}
.sub_link_wrap_4 ul li:hover {background-color:#cccccc;}
.sub_link_wrap_4 ul li a:hover {color:#FF0000;}
/*
.sub_link_wrap_4 {width:100%;height:auto;border-bottom:1px solid #ccc;margin-bottom:60px;}
.sub_link_wrap_4 ul {height:auto;width:100%;max-width:1200px;margin:0 auto;}
.sub_link_wrap_4 ul li {text-align:center;float:left;width:25%;height:55px;}
.sub_link_wrap_4 ul li a {font:15px/55px "Nanum Barun Gothic Light";color:#888;}
.sub_link_wrap_4 ul li.active {border-bottom:3px solid #016fb5;font-weight:bold;}
.sub_link_wrap_4 ul li.active a {font:15px/55px "Nanum Barun Gothic";color:#016fb5;font-weight:bold;}

*/

.sub_link_wrap_5 {width:100%;height:auto;border-bottom:1px solid #ccc;margin-bottom:60px;}
.sub_link_wrap_5 ul {height:auto;width:100%;max-width:1200px;margin:0 auto;}
.sub_link_wrap_5 ul li {text-align:center;float:left;width:20%;height:55px;}
.sub_link_wrap_5 ul li a {font:15px/55px "Nanum Barun Gothic Light";color:#888;}
.sub_link_wrap_5 ul li.active {border-bottom:3px solid #016fb5;font-weight:bold;}
.sub_link_wrap_5 ul li.active a {font:15px/55px "Nanum Barun Gothic";color:#016fb5;font-weight:bold;}

.sub_link_wrap_6 {width:100%;height:auto;border-bottom:1px solid #ccc;margin-bottom:60px;}
.sub_link_wrap_6 ul {height:auto;width:100%;max-width:1200px;margin:0 auto;}
.sub_link_wrap_6 ul li {text-align:center;float:left;width:16%;height:55px;}
.sub_link_wrap_6 ul li a {font:15px/55px "Nanum Barun Gothic Light";color:#888;}
.sub_link_wrap_6 ul li.active {border-bottom:3px solid #016fb5;font-weight:bold;}
.sub_link_wrap_6 ul li.active a {font:15px/55px "Nanum Barun Gothic";color:#016fb5;font-weight:bold;}

.sub_link_wrap_7 {width:100%;height:auto;border-bottom:1px solid #ccc;margin-bottom:60px;}
.sub_link_wrap_7 ul {height:auto;width:100%;max-width:1200px;margin:0 auto;}
.sub_link_wrap_7 ul li {text-align:center;float:left;width:14%;height:55px;}
.sub_link_wrap_7 ul li a {font:15px/55px "Nanum Barun Gothic Light";color:#888;}
.sub_link_wrap_7 ul li.active {border-bottom:3px solid #016fb5;font-weight:bold;}
.sub_link_wrap_7 ul li.active a {font:15px/55px "Nanum Barun Gothic";color:#016fb5;font-weight:bold;}

.sub_link_wrap_8 {width:100%;height:auto;border-bottom:1px solid #ccc;margin-bottom:60px;}
.sub_link_wrap_8 ul {height:auto;width:100%;max-width:1200px;margin:0 auto;}
.sub_link_wrap_8 ul li {text-align:center;float:left;width:12%;height:55px;}
.sub_link_wrap_8 ul li a {font:15px/55px "Nanum Barun Gothic Light";color:#888;}
.sub_link_wrap_8 ul li.active {border-bottom:3px solid #016fb5;font-weight:bold;}
.sub_link_wrap_8 ul li.active a {font:15px/55px "Nanum Barun Gothic";color:#016fb5;font-weight:bold;}


/*서브 이용안내 등 기본컨텐츠*/
.sub01_wrap {width:100%;margin:0px auto 0 auto;max-width:1200px;height:auto;background-color:#ffffff;}

/*서브 테이블*/
.sub01_wrap .tb_wrap h1 {margin-top:20px;text-align:left;width:100%;height:35px;font:24px/35px "Nanum Barun Gothic";color:#222;}
.sub01_wrap .tb_wrap table {width:100%;border-top:2px solid #222;margin-top:10px;}
.sub01_wrap .tb_wrap table th {border-bottom:1px solid #ccc;background-color:#eee;text-align:center;width:26%;height:auto;padding:10px 0 10px 4%;font:13px/20px "Nanum Barun Gothic";color:#222;}
.sub01_wrap .tb_wrap table td {border-bottom:1px solid #ccc;width:65%;font:13px/20px "Nanum Barun Gothic Light";color:#888;height:auto;padding:9px 0 9px 4%;}

.sub01_wrap .tb_wrap1 table {width:80%;border-top:2px solid #222;margin-top:10px;}
.sub01_wrap .tb_wrap1 table th {border-bottom:1px solid #ccc;background-color:#eee;text-align:center;width:26%;height:auto;padding:10px 0 10px 4%;font:13px/20px "Nanum Barun Gothic";color:#222;}
.sub01_wrap .tb_wrap1 table td {border-bottom:1px solid #ccc;width:65%;font:13px/20px "Nanum Barun Gothic Light";color:#888;height:auto;padding:9px 0 9px 4%;}

.sub01_wrap .tb_wrap2 table {border-top:2px solid #222;margin-top:10px;}
.sub01_wrap .tb_wrap2 table th {border-bottom:1px solid #ccc;background-color:#eee;text-align:center;width:26%;height:auto;padding:10px 0 10px 4%;font:13px/20px "Nanum Barun Gothic";color:#222;}
.sub01_wrap .tb_wrap2 table td {border-bottom:1px solid #ccc;width:25%;font:13px/20px "Nanum Barun Gothic Light";color:#888;height:auto;padding:9px 0 9px 4%;}


.sub_cotents {width:100%;height:auto;}
.sub_cotents div {display:none;height:auto;}

.foreign_about {width:100%;height:auto;}
.foreign_about h1 {width:100%;height:100px;text-align:center;font:40px/100px "Nanum Barun Gothic Light";color:#222;}
.f_about_visual {width:100%;height:auto;}
.f_about_visual img {width:100%;}
.f_about_conts {width:100%;height:auto;margin:50px 0;}
.f_about_diagram01 {width:50%;height:auto;float:left;}
.f_about_diagram01 img {width:100%;max-width:500px;}
.f_about_txt  {padding-top:40px;width:45%;height:auto;float:right;font:17px/40px "Nanum Barun Gothic Light";color:#777;}
.f_about_diagram02 {width:100%;height:auto;text-align:center;}
.f_about_diagram02 img {width:100%;max-width:1200px;}


.trade_wrap {width:100%;max-width:1200px;margin:0 auto;height:auto;}
.trade_wrap h1 {width:100%;height:100px;text-align:center;font:40px/100px "Nanum Barun Gothic Light";color:#222;}
.trade_visual {margin:20px 0;width:100%;height:auto;}
.trade_visual img {width:100%;max-width:1200px;}

.trade_text {width:100%;height:auto;font:17px/40px "Nanum Barun Gothic Light";color:#777;}
.trade_map {margin:20px 0;width:100%;height:auto;}
.trade_map img {width:100%;max-width:1200px;}


.structure_wrap {width:100%;max-width:1200px;margin:0 auto;height:auto;}
.structure_wrap h1 {width:100%;height:auto;text-align:center;font:30px/100px "Nanum Barun Gothic Light";color:#222;}
.structure_text {width:100%;height:auto;font:17px/30px "Nanum Barun Gothic Light";color:#777;text-align:center;}
.structure_diagram {width:100%;height:auto;margin:40px 0;text-align:center;}
.structure_diagram img {width:100%;max-width:850px;margin:0 auto;}


.danger_wrap {width:100%;height:auto;}
.danger_wrap h1 {width:100%;height:auto;text-align:center;font:40px/100px "Nanum Barun Gothic Light";color:#222;}
.danger_visual {width:100%;height:auto;}
.danger_visual img {width:100%;}
.danger_wrap p {display:block;width:85%;height:auto;margin:20px auto;font:17px/35px "Nanum Barun Gothic Light";text-align:center;}
.danger_wrap .txt {width:100%;height:auto;font:14px/35px "Nanum Barun Gothic Light";color:#777;}
.danger_wrap .txt span {font:14px/35px "Nanum Barun Gothic Bold";color:#38a13d;margin-right:10px;}
/*faq*/
.submenu_3 ul {width:100%;}
.submenu_3 ul li {float:left; position:relative; margin:0 -1px -2px 2px;width:33%;}
.submenu_3 ul li a {color:#777;font:13px/16px "Nanum Barun Gothic Light";text-align:center;margin-top:4px;width:100%;padding:15px 0 15px 1%;border:1px solid #ddd;background:#eee;display:inline-block;}
.submenu_3 ul li.on {}
.submenu_3 ul li.on a {color:#016fb5;font-weight:bold;font:13px/16px "Nanum Barun Gothic";margin-top:0; padding-top:20px; padding-bottom:13px; border-bottom:0 none;border-top:2px solid #016fb5;background: #fff;}

.submenu_4 ul {width:100%;}
.submenu_4 ul li {float:left; position:relative; margin:0 -1px -2px 2px;width:24%;font-weight:bold;}
.submenu_4 ul li a {color:#777;font:13px/16px "Nanum Barun Gothic Light";text-align:center;margin-top:4px;width:100%;padding:15px 0 15px 1%;border:1px solid #ddd;background:#eee;display:inline-block;}
.submenu_4 ul li.on {}
.submenu_4 ul li.on a {color:#016fb5;font-weight:bold;font:13px/16px "Nanum Barun Gothic";margin-top:0; padding-top:20px; padding-bottom:13px; border-bottom:0 none;border-top:2px solid #016fb5;background: #fff;}

.submenu_5 ul {width:100%;}
.submenu_5 ul li {float:left; position:relative; margin:0 -1px -2px 2px;width:19%;}
.submenu_5 ul li a {color:#777;font:13px/16px "Nanum Barun Gothic Light";text-align:center;margin-top:4px;width:100%;padding:15px 0 15px 1%;border:1px solid #ddd;background:#eee;display:inline-block;}
.submenu_5 ul li.on {}
.submenu_5 ul li.on a {color:#016fb5;font-weight:bold;font:13px/16px "Nanum Barun Gothic";margin-top:0; padding-top:20px; padding-bottom:13px; border-bottom:0 none;border-top:2px solid #016fb5;background: #fff;}

.submenu_6 ul {width:100%;}
.submenu_6 ul li {float:left; position:relative; margin:0 -1px -2px 2px;width:16%;}
.submenu_6 ul li a {color:#777;font:13px/16px "Nanum Barun Gothic Light";text-align:center;margin-top:4px;width:100%;padding:15px 0 15px 1%;border:1px solid #ddd;background:#eee;display:inline-block;}
.submenu_6 ul li.on {}
.submenu_6 ul li.on a {color:#016fb5;font-weight:bold;font:13px/16px "Nanum Barun Gothic";margin-top:0; padding-top:20px; padding-bottom:13px; border-bottom:0 none;border-top:2px solid #016fb5;background: #fff;}

.submenu_7 ul {width:100%;}
.submenu_7 ul li {float:left; position:relative; margin:0 -1px -2px 2px;width:14%;}
.submenu_7 ul li a {color:#777;font:13px/16px "Nanum Barun Gothic Light";text-align:center;margin-top:4px;width:100%;padding:15px 0 15px 1%;border:1px solid #ddd;background:#eee;display:inline-block;}
.submenu_7 ul li.on {}
.submenu_7 ul li.on a {color:#016fb5;font-weight:bold;font:13px/16px "Nanum Barun Gothic";margin-top:0; padding-top:20px; padding-bottom:13px; border-bottom:0 none;border-top:2px solid #016fb5;background: #fff;}

.submenu_8 ul {width:100%;}
.submenu_8 ul li {float:left; position:relative; margin:0 -1px -2px 2px;width:12%;}
.submenu_8 ul li a {color:#777;font:13px/16px "Nanum Barun Gothic Light";text-align:center;margin-top:4px;width:100%;padding:15px 0 15px 1%;border:1px solid #ddd;background:#eee;display:inline-block;}
.submenu_8 ul li.on {}
.submenu_8 ul li.on a {color:#016fb5;font-weight:bold;font:13px/16px "Nanum Barun Gothic";margin-top:0; padding-top:20px; padding-bottom:13px; border-bottom:0 none;border-top:2px solid #016fb5;background: #fff;}






/*1:1문의*/
.sub01_wrap .qna_wrap {width:100%;height:auto;}
.sub01_wrap .qna_wrap h1 {width:100%;height:40px;font:23px/40px "Nanum Barun Gothic";color:#222;text-align:left;}
.sub01_wrap .qna_wrap h1 span {font:13px/40px "Nanum Barun Gothic";color:#777;text-align:left;}
.sub01_wrap .qna_wrap h1 span.red {color:#d30000;margin-left:10px;}

.qna_contents {width:100%;height:auto;}
.customer_info {float:left;width:48%;}
.customer_info dl dt{float:left;width:25%;text-align:left;font:13px/50px "Nanum Barun Gothic";color:#222}
.customer_info dl dt span {color:#d30000;}
.customer_info dl dd {float:left;width:75%;text-align:left;line-height:50px;}
.customer_info dl dd input {background:#fff;border:1px solid #ddd;width:100%;height:35px;line-height:35px;font:13px/35px "Nanum Barun Gothic Light";color:#888;}
.customer_info dd input[type="file"] {background-color:#fff;position: absolute; width: 1px; height: 1px; padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}

.customer_info dd label {display: inline-block; color: #fff;font-size: 12px;height:35px;line-height: 35px;font-family: "NanumGothic";vertical-align: middle;text-align:center;background-color: #38a13d;cursor: pointer; border: none;}
.customer_info dd .upload-name {
  display: inline-block;
  padding-left:10px;
  height:35px;
  font-size: 12px;
  font-family: "NanumGothic";
  line-height: 35px;
  vertical-align: middle;
  background-color:#fff;
  border: 1px solid #ddd;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.customer_info dd input[type=text]:placeholder {color:#777;}
.customer_info dd input[type=text]:-ms-input-placeholder{color:#777}


.customer_comment {float:right;width:48%;}
.customer_comment dl dt{float:left;width:25%;text-align:left;font:13px/50px "Nanum Barun Gothic";color:#222}
.customer_comment dl dt span {color:#d30000;}
.customer_comment dl dd {float:left;width:75%;text-align:left;line-height:50px;}
.customer_comment dl dd textarea {background:#fff;border:1px solid #ddd;width:100%;height:200px;font:13px/25px "Nanum Barun Gothic Light";color:#888;}

.customer_btn {width:100%;height:auto;text-align:right;margin-top:30px;}
.customer_btn a {display:inline-block;width:auto;padding:15px 25px;font:18px/18px "Nanum Barun Gothic";color:#fff;background-color:#38a13d;border-radius:5px;}
/*회사소개*/
.company_wrap {width:100%;height:auto;}
.company_wrap > h1 {text-transform:uppercase;text-align:center;width:100%;height:auto;font:50px/70px "Nanum Barun Gothic Light";color:#222;} 
.company_wrap > span {display:block;width:100%;text-align:center;font:15px/25px "Nanum Barun Gothic Light";color:#777;}
.company_visual {width:100%;height:auto;margin:30px 0;}
.company_visual img {width:100%;max-width:1200px;}
.company_wrap p {display:block;width:65%;height:auto;text-align:left;font:27px/40px "Nanum Barun Gothic Light";color:#555;}
.company_contents {width:100%;height:auto;}
.company_diagram {float:left;width:40%;height:auto;text-align:left;}
.company_diagram img {width:100%;margin:0 auto;}
.company_txt {margin-top:40px;float:right;width:55%;height:auto;font:15px/30px "Nanum Barun Gothic Light";color:#777;}

.content_wrap {width:100%;height:auto;}
.content_wrap > h1 {text-transform:uppercase;text-align:center;width:100%;height:auto;font:50px/70px "Nanum Barun Gothic Light";color:#222;} 
.content_wrap > span {display:block;width:100%;text-align:center;font:15px/25px "Nanum Barun Gothic Light";color:#777;}
.content_visual {width:100%;height:auto;margin:30px 0;}
.content_visual img {width:100%;max-width:1200px;}
.content_wrap p {display:block;width:65%;height:auto;text-align:left;font:27px/40px "Nanum Barun Gothic Light";color:#555;}
.content_contents {width:100%;height:auto;}
.content_diagram {float:left;width:40%;height:auto;text-align:left;}
.content_diagram img {width:100%;margin:0 auto;}
.content_txt {margin-top:40px;float:right;width:55%;height:auto;font:15px/30px "Nanum Barun Gothic Light";color:#777;}

/*hts*/
.hts_wrap {width:100%;height:auto;}
.hts_wrap > h1 {margin-top:45px;text-align:center;width:100%;height:auto;font:40px/50px "Nanum Barun Gothic Light";color:#222;}
.hts_wrap > span {margin-bottom:45px;display:block;width:100%;text-align:center;font:15px/25px "Nanum Barun Gothic Light";color:#777;}

.hts_contents_wrap {width:100%;height:auto;}
.hts_contents {float:left;width:47%;height:auto;margin-right:3%;}
.hts_contents:last-child {float:right;margin-right:0;}
.hts_contents h1 {border:1px solid #004b24;width:100%;height:54px;text-align:center;background-color:#007236;font:20px/54px "Nanum Barun Gothic";color:#fff;}
.hts_contents > div {background-color:#fff;padding:20px 0;margin-top:5px;width:100%;height:auto;min-height:280px;border:1px solid #ccc;}
.hts_contents div p {display:block;width:80%;margin:0 auto;height:auto;font:15px/25px "Nanum Barun Gothic Light";color:#777;}
.hts_contents div p.image {width:100%;text-align:center;}
.hts_contents div p.image img {width:330px;margin:0 auto;}
.hts_contents div .btn_wrap {width:100%;border-top:1px solid #ddd;height:auto;}
.btn_wrap a {text-align:center;margin:20px auto 0 auto;display:block;height:65px;width:80%;background-color:#efefef;border:1px solid #ccc;font:20px/65px "Nanum Barun Gothic Light";color:#444;}
.btn_wrap span {font-family:"Nanum Barun Gothic";}
.btn_wrap span img {width:30px;margin-left:5px;}

.browser {margin-top:40px;}
.browser h1{width:100%;height:auto;font:22px/35px "Nanum Barun Gothic Light";color:#444;margin-bottom:20px;}
.browser h1 span {color:#38a13d;font-family:"Nanum Barun Gothic";}
.browser .text {float:left;width:60%;height:auto;font:15px/35px "Nanum Barun Gothic Light";color:#777;}
.browser .text span {color:#38a13d;font-family:"Nanum Barun Gothic";}
.browser .btn {width:38%;float:right;text-align:right;}
.browser .btn img {width:300px;}


.remotely_wrap {width:100%;height:auto;}
.remotely_wrap > h1 {margin-top:45px;text-align:center;width:100%;height:auto;font:40px/50px "Nanum Barun Gothic Light";color:#222;}
.remotely_wrap > span {margin-bottom:45px;display:block;width:100%;text-align:center;font:15px/25px "Nanum Barun Gothic Light";color:#777;}

.remotely_conts {position:relative;width:100%;height:auto;height:543px;}
.remotely_back {z-index:50;position:absolute;width:100%;max-width:1024px;top:0;left:50%;margin-left:-490px;height:543px;}
.remotely_back img {width:100%;max-width:1024px;}
.remotely {z-index:52;position:absolute;top:50px;left:50%;margin-left:-20px;}
.remotely_conts .btn {text-align:center;width:380px;height:30px;z-index:53;position:absolute;top:280px;left:50%;margin-left:-20px;}
.remotely_conts .btn a {display:inline-block;padding:7px 14px;font:13px/13px "Nanum Barun Gothic";background:#777;color:#fff;margin-left:10px;}

.remotely_info {width:100%;max-width:1000px;height:auto;margin:0 auto;}
.remotely_info h1 {font:30px/50px "Nanum Barun Gothic Light";color:#222;}
.remotely_info p {font:15px/35px "Nanum Barun Gothic Light";color:#777;}
/*etc*/
.etc_wrap {width:100%;height:auto;}
.etc_wrap > h1 {margin:45px 0;text-align:center;width:100%;height:auto;font:40px/50px "Nanum Barun Gothic Light";color:#222;}
.etc_contents {width:100%;height:auto;}
.etc_contents h1 {margin:27px 0 10px 0;width:100%;font:18px/25px "Nanum Barun Gothic";color:#444;}
.etc_contents h2 {margin:27px 0 10px 0;width:100%;font:18px/25px "Nanum Barun Gothic";color:#38a13d;}
.etc_contents p {padding-left:2%;width:98%;height:auto;font:14px/27px "Nanum Barun Gothic Light";color:#777;}

/*회원가입*/
/*약관동의*/
.join_wrap {width:100%;height:auto;}
.join_wrap > h1 {margin:45px 0;text-align:center;width:100%;height:auto;font:40px/50px "Nanum Barun Gothic Light";color:#222;}
.join_contents {width:100%;height:auto;}
.join_detail {width:95%;padding:10px;margin:0 auto;height:300px;overflow-y:scroll;background:#eee;border:1px solid #ccc;}
.join_detail h1 {font:15px/50px "Nanum Barun Gothic";color:#444;}
.join_detail h2 {font:17px/50px "Nanum Barun Gothic";color:#444;}
.join_detail p {font:13px/30px "Nanum Barun Gothic Light";color:#777;}
.join_agree_check {width:95%;margin:0 auto;height:50px;font:15px/50px "Nanum Barun Gothic";color:#222;}
.allagree {text-align:center;width:95%;margin:0 auto;height:auto;font:20px/30px "Nanum Barun Gothic";color:#38a13d;}
.join_btn_wrap {width:100%;height:50px;text-align:center;margin-top:20px;}
 a.join_btn001 {margin-left:10px;display:inline-block;width:auto;padding:10px 30px;font:17px/40px "Nanum Barun Gothic";color:#fff;background-color:#38a13d;border-radius:5px;}
 a.join_btn002  {border:1px solid #ddd;margin-left:10px;display:inline-block;width:auto;padding:10px 30px;font:17px/40px "Nanum Barun Gothic";color:#38a13d;background-color:#efefef;border-radius:5px;}


/*회원정보입력*/
.join_tb {width:100%;border-top:2px solid #222;margin-top:10px;}
.join_tb th {border-bottom:1px solid #ccc;background-color:#eee;text-align:left;width:26%;height:auto;padding:10px 0 10px 4%;font:13px/30px "Nanum Barun Gothic";color:#222;}
.join_tb td {border-bottom:1px solid #ccc;width:65%;font:13px/30px "Nanum Barun Gothic Light";color:#888;height:auto;padding:9px 0 9px 4%;}
.join_tb td .basic {width:45%;height:30px;border:1px solid #ddd;margin-right:10px;font:13px/30px "Nanum Barun Gothic Light";}
.join_tb td .s_btn {display:inlin-block;background:#38a13d;color:#fff;padding:7px 10px;font:13px/13px "Nanum Barun Gothic Light";margin-right:10px;}
.join_tb td .tel {width:20%;height:30px;border:1px solid #ddd;margin-right:10px;font:12px/30px "Nanum Barun Gothic Light";color:#777;} 
.join_tb td span {margin-right:10px;}
.join_comment {margin-top:30px;width:100%;height:auto;text-align:left;font:12px/30px "Nanum Barun Gothic Light";color:#777;}


/*상품리스트*/
.image_list {width:100%;max-width:1200px;height:auto;margin:0px auto 0 auto;}
.image_list ul {float:left;width:33%;border:}
/*.image_list ul {float:left;width:33%;border:1px solid #cccccc;}*/
.image_list ul li.photo {text-align:center;width:100%;height:auto;}
.image_list ul li.photo img {text-align:center;width:90%;height:100%;padding:15px 0px;}
.image_list ul li.txt p {text-align:center;word-break:keep-all;width:100%;display:inline-block;font:15px/20px "Nanum Barun Gothic Light";color:#888;margin-bottom:20px;}
.image_list ul:hover {background-color:#cccccc;}



/*MNO 온라인개통신청*/
.image_list dd{margin-top:10px;font-weight:bold;text-align:center;font-size:12px;color:#777;line-height:24px;}
.image_list dd a{color:#555}
.image_list dd a:hover{color:#333}
.image_list dd.btn {margin:7px auto 0 auto;width:70%;font-size:13px}
.image_list dd.btn a{background:#aaa;color:#fff;display:inline-block;height:30px;line-height:30px;display:block;margin-bottom:7px;text-decoration:none;	-moz-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;
	border-radius:4px;text-shadow:0 -1px 1px rgba(0,0,0,.25);border:none;border-bottom:1px solid rgba(0,0,0,.25);cursor:pointer;}
.image_list dd.btn a:hover{background:#de0012}

.tab_content{text-align:left;width:100%;margin-top:30px;}
.tab_content h4{margin:40px auto;padding:15px;font-size:20px;font-weight:bold;color:#fff;text-align:center;background:#555;}
.tab_content dl{width:90%;margin:30px auto;}
.tab_content dl dt{background: url(/img/onlinecomm/sub_arrow.gif) no-repeat 0 2px;font-weight:bold;padding-left:25px;font-size:15px;}
.tab_content dt span{font-size:20px;}
.tab_content dl dd{color:#555;font-size:13px;line-height:25px;margin-left:40px;margin-bottom:20px;margin-top:10px;}
.tab_content dd span{color:#ff7200;font-size:14px;margin-left:20px;}
.tab_content dd ul li{color:#777;margin-left:20px;}
.tab_content p{text-align:center;margin-top:30px;}
.tab_content .iconno{background:none;font-weight:bold;padding-left:25px;font-size:15px;}

/*상품상세*/
.ProductType {width:100%;}
.ProductType tr th { width:45%;}
.ProductType tr th img {margin-right:5px;width:400px;height:400px;}
.ProductType tr td { padding:0px 0px;vertical-align:top; }

.ProductType01 { width:100%; border-top:1px solid #d8d8d8; font:13px/20px "Nanum Barun Gothic Light";color:#888;}
.ProductType01 tr th { width:40%; padding:0px 10px; text-align:center; background-color:#ececec; border-bottom:1px solid #d8d8d8; height:56px;}
.ProductType01 tr th img {margin-left:5px;width:81px;height:26px;vertical-align:middle; }
.ProductType01 tr td { padding:0px 10px; border-bottom:1px solid #d8d8d8;vertical-align:middle; }
.ProductType01 tr td img {margin-left:5px;width:62px;height:20px;vertical-align:middle; }


/*MVNO 온라인개통신청*/
.cheapclass{border-top:1px solid #CCCCCC; margin-bottom:20px}
.cheap{position:relative; border-bottom:solid 1px #CCCCCC; height:260px}
.cheap .charge_title{position:absolute; top:25px;left:183px;font-size:18px; font-weight:bold;color:#3a3a3a;}
.cheap .charge_content{position:absolute; top:49px;left:183px;}
.cheap .txt_title{font-size:13px; line-height;130%;font-weight:bold;color:#000000;}
.cheap .txt_fee{font-size:14px;  line-height;140%;font-weight:bold;color:#FF0000;}
.cheap .txt_vat{font-size:11px; line-height;130%; !important}
.cheap .charge_fee{position:absolute; top:80px;left:183px; width:120px; height:80px; background:url(/img/onlinecomm/charge_fee.jpg) no-repeat;padding-top:23px; text-align:center; line-height:120%;}
.cheap .charge_voice{position:absolute; top:80px;left:313px; width:70px; height:37px; background:url(/img/onlinecomm/charge_voice.jpg) no-repeat;padding-top:33px; text-align:center; line-height:120%;}
.cheap .charge_sms{position:absolute; top:80px;left:403px; width:70px; height:37px; background:url(/img/onlinecomm/charge_sms.jpg) no-repeat;padding-top:33px; text-align:center; line-height:120%;}
.cheap .charge_data{position:absolute; top:80px;left:493px; width:80px; height:37px; background:url(/img/onlinecomm/charge_data.jpg) no-repeat;padding-top:33px; text-align:center; line-height:120%;}
.cheap .applybtn{position:absolute; top:135px;left:640px;}
//.cheap .applybtn{background:url(/img/onlinecomm/applybtn.gif) no-repeat; display:inline-block; padding-left:0px; height:30px; line-height:30px;}
.cheap .applybtn a{background:#aaa;color:#fff;display:inline-block;height:30px;line-height:30px;display:block;margin-bottom:7px;
  text-decoration:none;	-moz-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;
	border-radius:4px;text-shadow:0 -1px 1px rgba(0,0,0,.25);border:none;border-bottom:0px solid rgba(0,0,0,.25);cursor:pointer;}
.cheap .applybtn a:hover{background:#de0012}
.cheap .applybtn{margin:10px auto 0 auto;width:18%;font-size:13px;text-align:center;font-weight:bold;}

.cheap .txt_title1{font-size:13px; line-height;130%;font-weight:bold;color:#3a3a3a;} 
.cheap .txt_fee1{font-size:11px;line-height;130%;font-weight:bold;color:#3a3a3a;}
.cheap .exceed_fee1{position:absolute; top:170px;left:183px; width:120px; height:80px; background:url(/img/onlinecomm/charge_fee.jpg) no-repeat;padding-top:20px; text-align:center; line-height:120%;}
.cheap .exceed_voice{position:absolute; top:170px;left:313px; width:70px; height:37px; background:url(/img/onlinecomm/charge_voice.jpg) no-repeat;padding-top:33px; text-align:center; line-height:120%;}
.cheap .exceed_sms{position:absolute; top:170px;left:403px; width:70px; height:37px; background:url(/img/onlinecomm/charge_sms.jpg) no-repeat;padding-top:33px; text-align:center; line-height:120%;}
.cheap .exceed_data{position:absolute; top:170px;left:493px; width:80px; height:37px; background:url(/img/onlinecomm/charge_data.jpg) no-repeat;padding-top:33px; text-align:center; line-height:120%;}

.cheap .img1{position:absolute; top:45px; left:12px;}
.cheap .img2{position:absolute; top:185px; left:30px;}

.top50{padding-top:50px;} 

.datacontent {padding:15px 20px 15px 20px; font-size:1}

.datacontent .datatitle { no-repeat 0 16px; background-size:10px; padding:12px 0 5px 0px; font-size:17px; color:#FF0000; margin:0 0 5px 0; font-weight:600; letter-spacing:-0.05em}
.datacontent .datatitle2 { no-repeat 0 16px; background-size:10px; padding:12px 0 5px 0px; font-size:15px; color:#404040; margin:0 0 5px 0; font-weight:600; letter-spacing:-0.05em}
.datacontent .datatxt { no-repeat 0 6px; padding-left:15px; margin:6px; font-size:12px}
.datacontent .datatxt2 { no-repeat 0 6px; padding-left:30px; margin:6px; font-size:12px}

.usimarea {width:100%; max-width:100%; position:relative; margin:0 auto; overflow:hidden;}

.usimcontent {padding:15px 20px 15px 20px; font-size:1}

.usimcontent .usimtitle { no-repeat 0 16px; background-size:12px; padding:9px 0 9px 0px; font-size:17px; color:#FF0000; margin:0 0 5px 0; font-weight:600; letter-spacing:-0.05em}
.usimcontent .usimtitle2 { no-repeat 0 16px; background-size:10px; padding:12px 0 5px 0px; font-size:15px; color:#404040; margin:0 0 5px 0; font-weight:600; letter-spacing:-0.05em}

.usimcontent .usimorder {padding:12px 0 10px 0px; font-size:17px; color:#404040; margin:0 0 0px 0; font-weight:600; letter-spacing:-0.05em}
.usimcontent .usimnum {font-weight:bold; font-size:16px; color:rgba(255,255,255,1); background-color:#ff5900; border-radius:1.0rem; height:13px; margin-right:5px; padding:0px 5px}

.usimcontent .usimtable {border-top:1px solid #c8c8c8; width:100%; font-size:12px}
.usimcontent .usimtable caption{display:none}
.usimcontent .usimtable th, .usimtable td {border-bottom:1px solid #c8c8c8; padding:5px 0 5px 8px; text-align:left; font-weight:normal; line-height:1.4em; vertical-align:middle}
.usimcontent .usimtable th {background:#f8f8f8}
.usimcontent .usimtable .tableborder {border-right:1px solid #c8c8c8}
.usimcontent .usimtable .tableborder1 {solid #c8c8c8}
.usimcontent .usimtable .textcenter {text-align:center;}
.usimcontent .usimtable .btn_mid {margin:0 !important; vertical-align:middle}

.usimcontent .usimtip {margin:10px 0 0 0; color:#666; no-repeat 10px 12px; background-size:1.2em; background-color:#F5F4E9; border-radius:0.2em; padding:12px 10px 12px 32px;text-align:left; line-height:140%}
.usimcontent .usimtip ul {position:relative; margin:4px auto; margin-left:-12px}
.usimcontent .usimtip li {background:url(/img/onlinecomm/usimtitle3.jpg) no-repeat 0px 6px; background-size:0.5em; padding:0px 0px 0px 12px; }
.usimcontent .usimtip .btn_s{font-weight:bold; font-size:14px; color:#595959;text-align:center; border:1px solid #9d9d9d;border-radius:1.0em; padding:3px 5px 2px 10px}

.usimcontent .usimbox {padding:0px 5px 5px 5px}

.usimcontent .usimnote {margin:0 0 5% 0px; width:100%; font-size:0.8rem !important; line-height:1.0rem}
.usimcontent .usimnote li {padding:0 0 3px 8px; no-repeat 0px 0.45em; background-size:0.3em}

.usimcontent .fontsize12 {font-size:12px}
.usimcontent .fontsize14 {font-size:14px}
.usimcontent .marginbottom10 {margin-bottom:10px !important}
}

@media screen and (max-width:1200px){
.sub_visual_txt {top:0;left:0;margin-left:3%;}
/*hts*/
.hts_contents div p.image img {width:90%;}

}

@media screen and (max-width:1024px){
.sub_visual {height:400px;}
.sub_visual_image {width:1200px;height:400px;margin-left:-600px;}
.sub_visual_image img {width:1200px;}
.sub_visual_txt {height:400px;}
.sub_visual_txt h1 {margin-top:220px;width:350px;height:52px;}
.sub_visual_txt h1 img {width:300px;}
.sub_visual_txt p {width:300px;font:15px/15px "Nanum Barun Gothic";}

.sub_title {padding:30px 0;}
.sub_title h1 {width:300px;font:30px/58px "Nanum Barun Gothic";}
.sub_img img {width:100%;height:250px}

/*서브링크*/
.sub_link_wrap ul li a {font:13px/55px "Nanum Barun Gothic Light"}
.sub_link_wrap ul li.active a {font:13px/55px "Nanum Barun Gothic"}

.sub_link_wrap_3 ul li a {font:13px/55px "Nanum Barun Gothic Light";font-weight:bold;}
.sub_link_wrap_3 ul li.active a {font:13px/55px "Nanum Barun Gothic"}

.sub_link_wrap_4 ul li a {font:13px/55px "Nanum Barun Gothic Light";font-weight:bold;}
.sub_link_wrap_4 ul li.active a {font:13px/55px "Nanum Barun Gothic"}

.sub_link_wrap_5 ul li a {font:13px/55px "Nanum Barun Gothic Light"}
.sub_link_wrap_5 ul li.active a {font:13px/55px "Nanum Barun Gothic"}

.sub_link_wrap_6 ul li a {font:13px/55px "Nanum Barun Gothic Light"}
.sub_link_wrap_6 ul li.active a {font:13px/55px "Nanum Barun Gothic"}

.sub_link_wrap_7 ul li a {font:13px/55px "Nanum Barun Gothic Light"}
.sub_link_wrap_7 ul li.active a {font:13px/55px "Nanum Barun Gothic"}

.sub_link_wrap_8 ul li a {font:13px/55px "Nanum Barun Gothic Light"}
.sub_link_wrap_8 ul li.active a {font:13px/55px "Nanum Barun Gothic"}


/*서브 기본컨텐츠*/
.sub01_wrap .sub_inner h1 {width:30%;}
.sub01_wrap .sub_inner ul {width:69%;}

.f_about_txt  {font:14px/30px "Nanum Barun Gothic Light";}

.company_wrap p {width:100%;}

/*hts*/
.hts_contents div p.image img {width:90%;}
.btn_wrap span img {display:none;}

.remotely_conts {background:#fff;border:1px solid #ddd;height:400px;}
.remotely_back {display:none;}
.remotely {margin-left:-190px;}
.remotely_conts .btn {margin-left:-190px;}

/*상품리스트*/

/*상품상세*/
.ProductType {width:100%;}
.ProductType tr th { width:40%;vertical-align:top; }
.ProductType tr th img {margin-right:5px;width:300px;height:300px;}
.ProductType tr td { padding:0px 0px;vertical-align:top; }

.ProductType01 { width:100%; border-top:1px solid #d8d8d8; font:13px/13px "Nanum Barun Gothic Light";color:#888;}
.ProductType01 tr th { width:35%; padding:0px 10px; text-align:center; background-color:#ececec; border-bottom:1px solid #d8d8d8; height:42px;vertical-align:middle; }
.ProductType01 tr th img {margin-left:5px;width:81px;height:26px;vertical-align:middle; }
.ProductType01 tr td { padding:0px 10px; border-bottom:1px solid #d8d8d8;vertical-align:middle; }
.ProductType01 tr td img {margin-left:5px;width:62px;height:20px;vertical-align:middle; }
}

@media screen and (max-width:940px){
/*상품리스트*/

/*상품상세*/
.ProductType {width:100%;}
.ProductType tr th { width:40%;vertical-align:top; }
.ProductType tr th img {margin-right:5px;width:300px;height:300px;}
.ProductType tr td { padding:0px 0px;vertical-align:top; }

.ProductType01 { width:100%; border-top:1px solid #d8d8d8; font:13px/13px "Nanum Barun Gothic Light";color:#888;}
.ProductType01 tr th { width:35%; padding:0px 10px; text-align:center; background-color:#ececec; border-bottom:1px solid #d8d8d8; height:42px;vertical-align:middle; }
.ProductType01 tr th img {margin-left:5px;width:81px;height:26px;vertical-align:middle; }
.ProductType01 tr td { padding:0px 10px; border-bottom:1px solid #d8d8d8;vertical-align:middle; }
.ProductType01 tr td img {margin-left:5px;width:62px;height:20px;vertical-align:middle; }


/*MVNO 온라인개통신청*/
.cheapclass{border-top:1px solid #CCCCCC; margin-bottom:20px}
.cheap{position:relative; border-bottom:solid 1px #CCCCCC; height:330px}
.cheap .charge_title{position:absolute; top:15px;left:20px;font-size:18px; font-weight:bold;color:#3a3a3a;}
.cheap .charge_content{position:absolute; top:39px;left:20px;}
.cheap .txt_title{font-size:13px; line-height;130%;font-weight:bold;color:#000000;}
.cheap .txt_fee{font-size:14px;  line-height;140%;font-weight:bold;color:#FF0000;}
.cheap .txt_vat{font-size:11px; line-height;130%; !important}
.cheap .charge_fee{position:absolute; top:80px;left:183px; width:120px; height:80px; background:url(/img/onlinecomm/charge_fee.jpg) no-repeat;padding-top:23px; text-align:center; line-height:120%;}
.cheap .charge_voice{position:absolute; top:80px;left:313px; width:70px; height:37px; background:url(/img/onlinecomm/charge_voice.jpg) no-repeat;padding-top:33px; text-align:center; line-height:120%;}
.cheap .charge_sms{position:absolute; top:80px;left:403px; width:70px; height:37px; background:url(/img/onlinecomm/charge_sms.jpg) no-repeat;padding-top:33px; text-align:center; line-height:120%;}
.cheap .charge_data{position:absolute; top:80px;left:493px; width:80px; height:37px; background:url(/img/onlinecomm/charge_data.jpg) no-repeat;padding-top:33px; text-align:center; line-height:120%;}
.cheap .applybtn{position:absolute; top:260px;left:300px;}
//.cheap .applybtn{background:url(/img/onlinecomm/applybtn.gif) no-repeat; display:inline-block; padding-left:0px; height:30px; line-height:30px;}
.cheap .applybtn a{background:#aaa;color:#fff;display:inline-block;height:30px;line-height:30px;display:block;margin-bottom:7px;
  text-decoration:none;	-moz-border-radius:4px;-webkit-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;
	border-radius:4px;text-shadow:0 -1px 1px rgba(0,0,0,.25);border:none;border-bottom:0px solid rgba(0,0,0,.25);cursor:pointer;}
.cheap .applybtn a:hover{background:#de0012}
.cheap .applybtn{margin:10px auto 0 auto;width:18%;font-size:13px;text-align:center;font-weight:bold;}

.cheap .txt_title1{font-size:13px; line-height;130%;font-weight:bold;color:#3a3a3a;} 
.cheap .txt_fee1{font-size:11px;line-height;130%;font-weight:bold;color:#3a3a3a;}
.cheap .exceed_fee1{position:absolute; top:170px;left:183px; width:120px; height:80px; background:url(/img/onlinecomm/charge_fee.jpg) no-repeat;padding-top:20px; text-align:center; line-height:120%;}
.cheap .exceed_voice{position:absolute; top:170px;left:313px; width:70px; height:37px; background:url(/img/onlinecomm/charge_voice.jpg) no-repeat;padding-top:33px; text-align:center; line-height:120%;}
.cheap .exceed_sms{position:absolute; top:170px;left:403px; width:70px; height:37px; background:url(/img/onlinecomm/charge_sms.jpg) no-repeat;padding-top:33px; text-align:center; line-height:120%;}
.cheap .exceed_data{position:absolute; top:170px;left:493px; width:80px; height:37px; background:url(/img/board/charge_data.jpg) no-repeat;padding-top:33px; text-align:center; line-height:120%;}

.cheap .img1{position:absolute; top:85px; left:12px;}
.cheap .img2{position:absolute; top:225px; left:30px;}
}

@media screen and (max-width:780px){

.sub01_wrap .sub_inner h1 {float:none;width:100%;font-size:18px;}
.sub01_wrap .sub_inner ul {float:none;width:100%;}
.sub01_wrap .sub_inner ul li {font-size:12px;}
.sub01_wrap .sub_inner ul li span {font-size:11px;}

.sub_title {margin-top:80px;padding:20px 0;}
.sub_title h1 {width:250px;font:25px/58px "Nanum Barun Gothic";}

/*서브링크*/
.sub_link_wrap {border-bottom:none;}
.sub_link_wrap ul {margin:20px auto;border:1px solid #bcbcbc;}
.sub_link_wrap ul li {border-bottom:1px solid #ccc;float:none;width:100%;height:45px;background:#fff;}
.sub_link_wrap ul li a {line-height:45px;}
.sub_link_wrap ul li.active {border:none;background:#016fb5;}
.sub_link_wrap ul li.active a {line-height:45px;color:#fff;}

.sub_link_wrap_3 {width:100%;height:auto;margin-top:20px;margin-bottom:50px;}
.sub_link_wrap_3 ul {float:center;height:auto;width:100%;max-width:1200px;margin:0 auto;}
.sub_link_wrap_3 ul li {text-align:center;float:left;width:32.5%;height:55px;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;}
.sub_link_wrap_3 ul li a {font:15px/55px "Nanum Barun Gothic Light";color:#262626;font-weight:bold;}
.sub_link_wrap_3 ul li.active {border-left:1px solid #262626;border-right:1px solid #262626;border-bottom:1px solid #262626;border-top:1px solid #262626;font-weight:bold;background-color:#262626;}
.sub_link_wrap_3 ul li.active a {font:15px/55px "Nanum Barun Gothic";color:#ffffff;font-weight:bold;}
.sub_link_wrap_3_last {border-right:1px solid #cccccc;}
.sub_link_wrap_3 ul li:hover {background-color:#cccccc;}

.sub_link_wrap_4 {width:100%;height:auto;margin-top:20px;margin-bottom:50px;}
.sub_link_wrap_4 ul {float:center;height:auto;width:100%;max-width:1200px;margin:0 auto;}
.sub_link_wrap_4 ul li {text-align:center;float:left;width:24.6%;height:55px;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;}
.sub_link_wrap_4 ul li a {font:15px/55px "Nanum Barun Gothic Light";color:#262626;font-weight:bold;}
.sub_link_wrap_4 ul li.active {border-left:1px solid #262626;border-right:1px solid #262626;border-bottom:1px solid #262626;border-top:1px solid #262626;font-weight:bold;background-color:#262626;}
.sub_link_wrap_4 ul li.active a {font:15px/55px "Nanum Barun Gothic";color:#ffffff;font-weight:bold;}
.sub_link_wrap_4_last {border-right:1px solid #cccccc;}
.sub_link_wrap_4 ul li:hover {background-color:#cccccc;}

.sub_link_wrap_5 {border-bottom:none;}
.sub_link_wrap_5 ul {margin:20px auto;border:1px solid #bcbcbc;}
.sub_link_wrap_5 ul li {border-bottom:1px solid #ccc;float:none;width:100%;height:45px;background:#fff;}
.sub_link_wrap_5 ul li a {line-height:45px;}
.sub_link_wrap_5 ul li.active {border:none;background:#016fb5;}
.sub_link_wrap_5 ul li.active a {line-height:45px;color:#fff;}

.sub_link_wrap_6 {border-bottom:none;}
.sub_link_wrap_6 ul {margin:20px auto;border:1px solid #bcbcbc;}
.sub_link_wrap_6 ul li {border-bottom:1px solid #ccc;float:none;width:100%;height:45px;background:#fff;}
.sub_link_wrap_6 ul li a {line-height:45px;}
.sub_link_wrap_6 ul li.active {border:none;background:#016fb5;}
.sub_link_wrap_6 ul li.active a {line-height:45px;color:#fff;}

.sub_link_wrap_7 {border-bottom:none;}
.sub_link_wrap_7 ul {margin:20px auto;border:1px solid #bcbcbc;}
.sub_link_wrap_7 ul li {border-bottom:1px solid #ccc;float:none;width:100%;height:45px;background:#fff;}
.sub_link_wrap_7 ul li a {line-height:45px;}
.sub_link_wrap_7 ul li.active {border:none;background:#016fb5;}
.sub_link_wrap_7 ul li.active a {line-height:45px;color:#fff;}

.sub_link_wrap_8 {border-bottom:none;}
.sub_link_wrap_8 ul {margin:20px auto;border:1px solid #bcbcbc;}
.sub_link_wrap_8 ul li {border-bottom:1px solid #ccc;float:none;width:100%;height:45px;background:#fff;}
.sub_link_wrap_8 ul li a {line-height:45px;}
.sub_link_wrap_8 ul li.active {border:none;background:#016fb5;}
.sub_link_wrap_8 ul li.active a {line-height:45px;color:#fff;}

/*faq*/
.submenu_4 ul li {float:none;width:100%;}
.submenu_4 ul li a {margin:0;padding:10px 0;text-align:center;}
.submenu_4 ul li.on a {background:#016fb5;color:#fff;border-top:none;padding:10px 0;}

.submenu_5 ul li {float:none;width:100%;}
.submenu_5 ul li a {margin:0;padding:10px 0;text-align:center;}
.submenu_5 ul li.on a {background:#016fb5;color:#fff;border-top:none;padding:10px 0;}

.submenu_6 ul li {float:none;width:100%;}
.submenu_6 ul li a {margin:0;padding:10px 0;text-align:center;}
.submenu_6 ul li.on a {background:#016fb5;color:#fff;border-top:none;padding:10px 0;}

.submenu_7 ul li {float:none;width:100%;}
.submenu_7 ul li a {margin:0;padding:10px 0;text-align:center;}
.submenu_7 ul li.on a {background:#016fb5;color:#fff;border-top:none;padding:10px 0;}

.submenu_8 ul li {float:none;width:100%;}
.submenu_8 ul li a {margin:0;padding:10px 0;text-align:center;}
.submenu_8 ul li.on a {background:#016fb5;color:#fff;border-top:none;padding:10px 0;}

/*qna*/
.customer_info {float:none;width:100%;}
.customer_comment {float:none;width:100%;}
.customer_btn {text-align:center;}

.f_about_conts {margin:20px 0;}
.foreign_about h1 {font:35px/100px "Nanum Barun Gothic Light";height:100px;}
.f_about_diagram01 {text-align:center;width:35%;}
.f_about_txt  {padding-top:0;width:62%;}


.trade_wrap h1 {font:35px/100px "Nanum Barun Gothic Light";height:100px;}

.structure_wrap h1 {margin:20px 0 10px 0;font:25px/35px "Nanum Barun Gothic Light";}
.structure_text {font:14px/25px "Nanum Barun Gothic Light";}

.danger_wrap h1 {font-size:27px;}
.danger_wrap p {width:100%;font:15px/35px "Nanum Barun Gothic Light";}
.danger_wrap .txt {font:13px/25px "Nanum Barun Gothic Light";}

.company_wrap > h1 {font:30px/50px "Nanum Barun Gothic Light";} 
.company_wrap > span {font:12px/20px "Nanum Barun Gothic Light";}
.company_wrap p {font:19px/25px "Nanum Barun Gothic Light";}
.company_diagram {float:none;width:100%;}
.company_diagram img {width:70%;}
.company_txt {float:none;width:100%;}

/*hts*/
.hts_wrap > h1 {font:30px/40px "Nanum Barun Gothic Light";}
.hts_wrap > span {font:12px/18px "Nanum Barun Gothic Light";}

.hts_contents {float:none;width:100%;margin-right:0;margin-bottom:20px;}
.hts_contents div p {text-align:center;}
.hts_contents div p.image img {width:330px;}
.browser .text {float:none;width:100%;}
.browser .btn {float:none;width:100%;text-align:center;margin-top:30px;}


.remotely_wrap > h1 {font-size:27px;}
.remotely_info h1 {font-size:20px;}


}

@media screen and (max-width:640px){
.sub_visual {height:250px;}
.sub_visual_image {width:750px;height:250px;margin-left:-375px;}
.sub_visual_image img {width:750px;}
.sub_visual_txt {height:250px;}
.sub_visual_txt h1 {margin-top:130px;width:150px;height:21px;}
.sub_visual_txt h1 img {width:150px;}
.sub_visual_txt p {width:350px;font:12px/25px "Nanum Barun Gothic";}

.sub_tit_bullet {width:38px;}
.sub_tit_bullet img {width:28px;}
.sub_title {margin-top:80px;padding:18px 0;}
.sub_title h1 {float:left;height:28px;width:80%;font:22px/28px "Nanum Barun Gothic";}
.sub_root {text-align:left;float:left;width:80%;font:10px/18px "Nanum Barun Gothic Light";height:18px;}
.sub_root span {font-size:12px;margin:0 5px;}

.sub_img img {width:100%;height:220px}

.f_about_conts {margin:10px 0;}
.foreign_about h1 {height:50px;font:25px/50px "Nanum Barun Gothic Light";}
.f_about_visual {width:100%;height:auto;}
.f_about_diagram01 {width:100%;float:none;margin-bottom:30px;}
.f_about_diagram01 img {margin:0 auto;}
.f_about_txt  {width:100%;float:none;font:14px/35px "Nanum Barun Gothic Light";}
.f_about_diagram02 {text-align:center;}
.f_about_diagram02 img {width:70%;margin:0 auto;}

.trade_wrap h1 {height:50px;font:25px/50px "Nanum Barun Gothic Light";}
.trade_text {font:14px/35px "Nanum Barun Gothic Light";}


.structure_wrap h1 {margin:20px 0 10px 0;font:25px/33px "Nanum Barun Gothic Light";}

.company_diagram img {width:100%;}

/*hts*/
.hts_contents h1 {height:30px;font:17px/30px "Nanum Barun Gothic";}

.hts_contents div p {font:13px/25px "Nanum Barun Gothic Light";}
.btn_wrap a {text-align:center;margin:20px auto 0 auto;display:block;height:38px;width:80%;background-color:#efefef;border:1px solid #ccc;font:16px/38px "Nanum Barun Gothic Light";color:#444;}

/*etc*/
.etc_wrap > h1 {font:25px/40px "Nanum Barun Gothic Light";}

/*상품리스트*/
.image_list {width:99.5%;max-width:1200px;height:auto;margin:0px auto 0 auto;}
.image_list ul {float:center;width:100%;height:60%;border:1px solid #cccccc;}
.image_list ul li.photo {text-align:center;width:100%;height:100%;}
.image_list ul li.photo img {text-align:center;width:90%;height:100%;padding:25px 0px;}
.image_list ul li.txt p {text-align:center;word-break:keep-all;width:100%;display:inline-block;font:20px/20px "Nanum Barun Gothic Light";color:#888;margin-bottom:25px;}
.image_list ul:hover {background-color:#cccccc;}

/*상품상세*/
.ProductType {width:100%;height:100%;}
.ProductType tr th {width:40%;height:40%;vertical-align:top; }
.ProductType tr th img {margin-right:0px;width:200px;height:200px;}
.ProductType tr td {padding:0px 10px;vertical-align:top; }

.ProductType01 { width:100%; border-top:1px solid #d8d8d8; font:11px/11px "Nanum Barun Gothic Light";color:#888;}
.ProductType01 tr th img {width:90%;height:70%;vertical-align:middle; }
.ProductType01 tr th { width:35%; padding:0px 10px; text-align:center; background-color:#ececec; border-bottom:1px solid #d8d8d8; height:52px;vertical-align:middle;font:15px/15px "Nanum Barun Gothic Light";font-weight:bold;}
.ProductType01 tr td { padding:0px 10px; border-bottom:1px solid #d8d8d8;vertical-align:middle;height:65px; font:12px/12px "Nanum Barun Gothic Light";}
.ProductType01 tr td img {margin-left:5px;width:65px;height:20px;vertical-align:middle; }

.sub_link_wrap_4 {width:100%;height:auto;margin-top:0px;margin-bottom:50px;}
.sub_link_wrap_4 ul li a {font:12px/55px "Nanum Barun Gothic Light";color:#262626;font-weight:bold;}
.sub_link_wrap_4 ul li.active a {font:12px/55px "Nanum Barun Gothic";color:#ffffff;font-weight:bold;}
}

@media screen and (max-width:580px){
/*상품상세*/
.image_list ul {width:99.5%;margin-top:50px;}
.image_list ul li.photo {width:100%;height:auto;}


.ProductType tr th { width:40%;height:33%;}
.ProductType tr td { padding:0px 5px;vertical-align:top; }
.ProductType tr th img {width:100%;height:33%;vertical-align:top;}

.ProductType01 tr th { width:32%; padding:0px 0px; text-align:center; background-color:#ececec; border-bottom:1px solid #d8d8d8; height:52px;vertical-align:middle;font:12px/15px "Nanum Barun Gothic Light";font-weight:bold;}
.ProductType01 tr th img {width:80%;height:60%;}
.ProductType01 tr td { padding:0px 10px; border-bottom:1px solid #d8d8d8;vertical-align:middle;height:20px; font:12px/13px "Nanum Barun Gothic Light";}
.image_list ul li.txt p {text-align:center;word-break:keep-all;width:100%;display:inline-block;font:16px/16px "Nanum Barun Gothic Light";color:#888;margin-bottom:15px;}

.sub_link_wrap_4 {width:100%;height:auto;margin-top:0px;margin-bottom:30px;}
.sub_link_wrap_4 ul li {text-align:center;float:left;width:24.5%;height:55px;border-left:1px solid #cccccc;border-bottom:1px solid #cccccc;border-top:1px solid #cccccc;}
.sub_link_wrap_4 ul li a {font:12px/55px "Nanum Barun Gothic Light";color:#262626;font-weight:bold;}
.sub_link_wrap_4 ul li.active a {font:12px/55px "Nanum Barun Gothic";color:#ffffff;font-weight:bold;}

/*sub_title*/
.sub_title {margin-top:70px;width:100%;height:auto;background-color:#ffffff;padding:30px 0;}
.sub_title_inner {width:100%;margin:0 auto;height:auto;max-width:100%;}
.sub_img img {width:100%;height:150px}
}

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

.sub01_wrap .tb_wrap h1 {font:20px/30px "Nanum Barun Gothic";height:30px;}
.sub01_wrap .tb_wrap table th {width:33%;font:12px/20px "Nanum Barun Gothic";padding:5px 0 5px 2%;}
.sub01_wrap .tb_wrap table td {width:60%;font:12px/20px "Nanum Barun Gothic Light";padding:5px 0 5px 2%;}


.image_list ul {width:100%;margin-top:50px;}
.image_list ul li.photo {width:100%;height:auto;}
.image_list ul li.photo img {width:100%;height:auto;}
.image_list ul li.txt {width:100%;height:auto;}
.image_list ul li.txt p {width:100%;}


.ProductType {width:100%;}
.ProductType tr th { width:30%;vertical-align:top; }
.ProductType tr th img {margin-right:5px;width:150px;height:150px;}
.ProductType tr td { padding:0px 0px;vertical-align:top; }

.ProductType01 { width:100%; border-top:1px solid #d8d8d8; font:11px/11px "Nanum Barun Gothic Light";color:#888;}
.ProductType01 tr th { width:35%; padding:0px 10px; text-align:center; background-color:#ececec; border-bottom:1px solid #d8d8d8; height:20px;vertical-align:middle; }
.ProductType01 tr th img {margin-left:5px;width:81px;height:26px;vertical-align:middle; }
.ProductType01 tr td { padding:0px 10px; border-bottom:1px solid #d8d8d8;vertical-align:middle; }
.ProductType01 tr td img {margin-left:5px;width:62px;height:20px;vertical-align:middle; }
}
*/