@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);


/* ÃʱâÈ­ */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:14px; font-family:"NanumGothic",Gulim,dotum;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;  letter-spacing: -0.5px !important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
ul, li {list-style:none; padding:0; margin:0; letter-spacing: -0.5px !important;}
ul:after { clear:both; content:""; display:block; }
dl dd {padding:0; margin:0;  letter-spacing: -0.5px !important;}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {font-family:"Nanum Gothic",Gulim,dotum; margin:0;padding:0;  letter-spacing: -0.5px !important;}
button {cursor:pointer}

textarea, select {font-family:"Nanum Gothic",Gulim,dotum; font-size:1em;  letter-spacing: 0px !important;}
select {margin:0}
p {margin:0;padding:0;word-break:break-all;  letter-spacing: -0.5px !important;}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {text-decoration:none; color:#333;}
a:hover, a:focus, a:active {text-decoration:none; color:#333;}

.br_mo3 { display:none; }

/* Æ˾÷·¹À̾î */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%; max-width:1200px;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* »ó´Ü ·¹À̾ƿô */
#hd {width:100%; z-index:5;position:relative;background:#fff}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:25px 0;width:100%; max-width:1200px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:5px 0 0}
#logo img {width:100%; max-width:332px; }



/* »ó´Ü ȸ¿ø°¡ÀÔ µî ¸µÅ© */
.hd_tnb {background-color:#002f44; }
.hd_tnb_inner {width:100%; max-width:1200px; margin:auto; overflow:hidden;}
.tnb_tel {float:left;  font-size:12px; height:35px;color:#fff;line-height:35px}
#tnb {float:right;margin:0;padding:0; margin-top:14px; list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb p {text-align:right;}
#tnb li {float:left;margin:0 0 0 0px; padding:0 8px;}
#tnb li a {display:inline-block; font-size:12px; height:28px;color:#fff;line-height:35px}
#tnb li:last-child a:after {content:""; padding:0;}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}



/* Áß°£ ·¹À̾ƿô */
#wrapper {z-index:5;margin:0 auto;width:100%; max-width:1200px;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper_main {width:100%;}
#container_main {width:100%;}

#container {z-index: 4;
    position: relative;
    float: right;
    width: 950px;
    min-height: 500px;
    height: auto !important;
    height: 500px;
    background: #fff;
    font-size: 1em;
    zoom: 1;
    padding: 25px;
    box-sizing: border-box; font-family:'Noto Sans KR',"Nanum Gothic",Gulim,dotum;}
#container:after {display:block;visibility:hidden;clear:both;content:""}


#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}


.subtel {margin-top:50px;}
.subtel dl dt{font-size:18px; color:#333; font-weight:bold; margin-bottom:10px; background:url(../img/subtel_ic.png) no-repeat top left; padding-left:35px; line-height:30px}
.subtel dl dd {margin:0;}
.subtel dl dd p {font-size:14px; color:#666; padding-left:5px;}
.subtel dl dd .tel {color:#0d9381; font-size:36px;  font-weight:bold; padding:0;}


/* ÇÏ´Ü ·¹À̾ƿô */
#ft {width:100%; background-color:#002f44}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:0px 0;line-height:24px; color:#fff;}

#ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:100%; max-width:1200px;text-align:center}

#ft_company {text-align:center}

#ft_copy {text-align:center; font-size:12px; padding:30px 0;}
#ft_copy div {position:relative;margin:0 auto;padding:10px 0;width:100%; max-width:1200px;color:#fff}
#ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit}
#ft_copy #ft_totop {position:absolute;top:10px;right:0}
#ft_copy > ul { width:100%; max-width:1200px; margin:0 auto 10px auto; text-align:center;}
#ft_copy > ul > li { display:inline-block; color:#fff; border:0px solid red; margin-right:20px; margin-bottom:5px; }

#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}


#quick {position: absolute; z-index: 999; top:450px; left: 50%; margin-left: 625px; width: 100px; margin-top: 0px;}
.tday {width:100px; position:relative; }
.tday p.tday_tit {background-color:#dcdada; font-size:12px; text-align:center; height:30px; line-height:30px;}
.tday ul {border:1px solid #ccc; padding:5px; padding:20px 5px;}
.tday ul li {width:100%; overflow:hidden; margin-bottom:5px; }
.tday ul li span {display:block; font-size:12px; text-align:center; line-height:20px;}
.tday ul li img {width:100%;}

.btn_box .prev {position: absolute; top:30px; left:50%; margin-left:-3.5px;}
.btn_box .next {position: absolute; bottom:5px; left:50%; margin-left:-3.5px;}

.quick_tel {margin:20px 0;}

/* main */
.main_v {position:relative; height:auto; max-width: 100%;margin: auto;}
.main_v .bx-viewport, .main_v .main_img {width:100%; max-width:1900px; margin:0 auto; }
.main_img .main_img_inner { height:500px; }
.main_img .main_visual01 {background:url(../img/main_img01_new.jpg) no-repeat center center; background-size:cover;  }
.main_img .main_visual02 {background:url(../img/main_img02_new.jpg) no-repeat center center;  background-size:cover; }
.main_img .main_visual03 {background:url(../img/main_img03_new.jpg) no-repeat center center;  background-size:cover; }
.main_img .main_visual_txt {position: absolute; bottom:50px; left:50%; width:100%; max-width:700px; margin-left:-550px; height:auto; border:0px solid red; font-family: "NanumSquare","Nanum Gothic",Gulim,dotum; z-index:1; }
.main_img .main_visual_txt p.visual_text01 {font-size:42px; text-align:left; color:#fff; font-weight:800; margin:0px; letter-spacing:-1px; line-height:1.3; text-shadow: 0 0 5px #000; }
.main_img .main_visual_txt p.visual_text02 { width:100%; font-size:57px; text-align:left; color:#fff; font-weight:800; letter-spacing:-1px; padding:0px; margin:0 auto 00px auto; text-shadow: 0 0 5px #000; }

.sub_top { height:250px !important; position:relative; } 
.sub_top .main_visual_txt { bottom:25px; }
.sub_top .main_visual_txt p.visual_text01 {font-size:30px; }
.sub_top .main_visual_txt p.visual_text02 { font-size:45px; }

.main_section { width:100%; max-width:1200px; padding:50px 0; margin:auto; overflow:hidden;}
.main_section h2 {font-family: "NanumSquare","Nanum Gothic",Gulim,dotum; font-size:36px; font-weight:300; text-align:center; margin-bottom:30px}
.main_section h2 strong {color:#0f7eb0; font-weight:700;}

.link_list {overflow:hidden;}
.link_list .link {float:left; width:100%; overflow:hidden;}
.link_list .link > p {color:#0f7eb0; font-family: "NanumSquare","Nanum Gothic",Gulim,dotum; font-weight:bold; font-size:24px; margin-bottom:10px;}
.link_list .link > ul > li {float:left; background:url(../img/arr_01.png) no-repeat 0 50%; padding-left:15px; font-size:18px; font-weight:700;  
font-family: "NanumSquare","Nanum Gothic",Gulim,dotum; line-height:30px;     box-sizing: border-box; }
.link_list .link > ul > li:nth-child(1) { width:18%; }
.link_list .link > ul > li:nth-child(2) { width:18%; }
.link_list .link > ul > li:nth-child(3) { width:15%; }
.link_list .link > ul > li:nth-child(4) { width:15%; }
.link_list .link > ul > li:nth-child(5) { width:16.5%; }
.link_list .link > ul > li:nth-child(6) { width:16.5%; }

.sec_02 {background-color:#f3f3f3;}
.step {text-align:center;}
.step > img { width:auto; max-width:100%; }
.step_m {text-align:center; display:none;}
.step_m > img { width:auto; max-width:100%; margin-bottom:15px; }
.step_m > img:last-child { margin-bottom:0px; }

.w30 {width:380px; float:left; margin-right:20px}
.w50 {width:580px; float:left; margin-right:20px}
.main_bans {float:left;}
.main_bans ul {overflow:hidden}
.main_bans ul li {float:left;}

.main_bbs_wrap {overflow:hidden;}
.main_bbs_wrap {box-sizing:border-box;}
.main_bbs_wrap h3 span {float:right; font-size:14px; }
.main_bbs_wrap h3 span a {color:#333; font-weight:100;}
.main_bbs_wrap h3 {font-size:24px; font-weight:bold; font-family:"Nanum Gothic",Gulim,dotum; line-height:40px; color:#333; background:url(../img/bullet01.png) no-repeat center left; padding-left:20px; border-bottom:1px solid #ccc; margin-bottom:10px }
.main_bbs li {line-height:22px;  padding-left:10px;}
.main_bbs li > a {display:inline-block; width:65%; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.main_bbs li > span.date {float:right; margin-right:10px; width:90px; text-align:right; }
.main_bbs_inner {margin-bottom:30px; height:140px; }
.main_bbs_inner:last-child{margin-bottom:0;}

.main_box {overflow:hidden;}
.main_box p {float:left; width:33.3%;}
.main_box p > img { width:auto; max-width:100%; }

.family_list {overflow:hidden; width:1600px !important;}
.main_section  .simply-scroll {width:100%; max-width:1200px; height:34px;}
.main_section  .simply-scroll .simply-scroll-clip {width:100%; height:100%}
.main_section  .simply-scroll .simply-scroll-list li {width:auto; padding:0 30px; height:34px;}

/* sub */
.sub_top {width:100%; height:250px; text-align:center; margin-bottom:50px;     box-sizing: border-box; background:url(../img/sub_img01_new.jpg) repeat-x top center;}
#sub01 {background:url(../img/sub_img01_new.jpg) repeat-x top center; background-size:cover; }
#sub02 {background:url(../img/sub_img02_new.jpg) repeat-x top center; background-size:cover; }
#sub03 {background:url(../img/sub_img03_new.jpg) repeat-x top center; background-size:cover; }
#sub04 {background:url(../img/sub_img04_new.jpg) repeat-x top center; background-size:cover; }
#sub05 {background:url(../img/sub_img05_new.jpg) repeat-x top center; background-size:cover; }
#sub06 {background:url(../img/sub_img06_new.jpg) repeat-x top center; background-size:cover; }
.cont_tit {overflow:hidden;
    color: #292929;
    border-bottom: 1px solid #ccc;
    padding-bottom: 30px; margin-bottom:30px;}
.cont_tit h3{font-size: 28px;  color:#333; float:left; font-family: "NanumSquare","Nanum Gothic",Gulim,dotum;}
.cont_tit .nav {float:right; font-size:12px; color:#999; line-height: 29px; font-family:"Nanum Gothic",Gulim,dotum;}
.cont_tit .nav span:after {content:">"; padding:0 5px; font-size:10px;}
.cont_tit .nav strong {color:#0f7eb0;}
.content {margin-bottom:30px;}

.txt_box {}
.txt_box p {font-size:15px; line-height:30px; margin-bottom:30px}
.img_box {margin:25px 0 50px; text-align:center;}
.img_box2 {padding:10px; text-align:center;}
.img_box2 > img { width:auto; max-width:100%;}

.txt_red {color:#ae0d0d}
.txt_blue {color:#0d6cae;}
.txt_green {color:#0d9381}

.map {margin-bottom:30px;}
.map .root_daum_roughmap { width:100%; }

.float_box{overflow:hidden;}
.float_left {float:left;}
.float_right {float:right;}

.pl_15 {padding-left:15px;}
.underline {text-decoration: underline;}
.indent {padding-left:15px}

.tab ul{overflow:hidden; padding:10px;}
.tab ul li {float:left; width:20%;}

.sec_box {border-bottom:1px dotted #ccc; padding:0px 0 30px; margin-bottom:30px; font-size:15px; }
.sec_box h3 { font-family:"NanumSquare","Nanum Gothic",Gulim,dotum; font-size:20px; line-height:1.2; background:url(../img/bullet01.png) no-repeat center left; padding-left:20px; margin-bottom:15px;}
.sec_box p {line-height:24px; margin-bottom:5px;}
.sec_box ul li {line-height:25px;}
.sec_box ul li ul {padding-left:15px}
.sec_box img.certi_img {position:absolute; top:0; right:0; width:120px; border:1px solid #eaeaea; cursor:pointer; }
.cgi_list13 { position:relative; width:100%; height:180px; }

.in_box {margin-left:20px; margin-bottom:10px;}
.in_box h4{font-size:16px; line-height:27px; background:url(../img/arr_01.png) no-repeat center left; padding-left:15px; margin-bottom:3px; font-weight: 700; }
.in_box h4 .blue {color:#08c !important; vertical-align:0;}
.in_box p {margin-left:15px;}
.in_box dl  {margin:0;}
.in_box dl dt {font-weight: 700; line-height:25px; margin-bottom:5px;}
.in_box dl dd {line-height:25px;  margin-bottom:5px; margin-left:16px;}
.in_box dl dd ul {}
.in_box dl dd ul  li {line-height:25px;}
.in_box dl dd > ul > li {margin-bottom:5px;}


.bank {width:100; margin-bottom:20px !important; border-radius:20px; padding:1em; border:1px solid #eee; overflow:hidden;}
.bank dt {width:100%; margin-bottom:10px;}
.bank dt > span {display:block; }
.bank dt > span img {padding:0; margin:0}
.bank dd {width:100%;  margin-bottom:0 !important}
.bank dd > p.bank_a {font-size:35px; font-family:"NanumSquare","Nanum Gothic",Gulim,dotum; line-height:40px; margin-bottom:0 !important;}
.bank dd .bank_n {font-size:18px; vertical-align: middle;}

a.btn001 {
    background-color: #008038;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    display: block;
    padding: 15px 0;}
.btn_wrap {overflow:hidden;}
.btn_wrap .btn011 {display:inline-block; font-size:18px; color:#fff; text-align:left; padding:15px 0;background:#22a9e6; width:49%; text-align:center;}
.btn_wrap .btn011:hover {background-color:#1e91c5}
.btn_wrap .btn012 {display:inline-block; font-size:18px; color:#fff; text-align:left; padding:15px 0;background:#008038; width:49%; text-align:center;}
.btn_wrap .btn012:hover {background-color:#01612b}
.btn_wrap a:first-child { margin-right:2%; }


/* table */

.tblwrap {margin-top:10px; margin-bottom:15px}
.tblwrap .tblstyle {width:100%; font-size:15px; color:#4b4b4b;  }
.tblwrap .tblstyle th {border:1px solid #cacaca; border-top:1px solid #6d6d6d; background-color:#fafafa; font-weight:500; padding:5px 0; height:26px; }
.tblwrap .tblstyle td {border:1px solid #cacaca; padding:10px 10px; text-align:center; line-height:24px; }




/* º»¹® ¹Ù·Î°¡±â */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}


/* ¹ÎºÎÀå Ãß°¡ */
td a:link, td a:visited {text-decoration:none; color:#555;}
td a:hover, td a:focus, td a:active {text-decoration:none}

.main_center .w30 span.more {float:right; font-size:14px; }
.main_center .w30 span.more a {color:#0d9381; font-weight:normal;}

/* ÀÎÁõ¹øÈ£ °Ë»ö°á°ú */
#main_resultTxt { position:absolute; z-index:100; width:550px; height:auto; right:118px; bottom:0px; padding:19px 10px; background-color:#f1f1f1; border:1px solid #ccc; border-radius:10px; text-align:center; font-size:20px; color:#333; font-weight:300; line-height:15px; }
#resultTxt { position:absolute; z-index:100; width:550px; height:auto; left:0px; bottom:0px; padding:20px 10px; background-color:#f1f1f1; border:1px solid #ccc; border-radius:10px; text-align:center; font-size:20px; color:#333; font-weight:300; line-height:15px; }
#top_resultTxt { position:absolute; z-index:100; width:350px; height:auto; left:0px; bottom:-1px; padding:11px 10px; background-color:#f1f1f1; border:1px solid #ccc; border-radius:10px; text-align:center; font-size:15px; color:#333; font-weight:300; line-height:15px; }
a.btn_close { display:inline-block; width:40px; height:22px; line-height:22px; padding:0 10px; background-color:#dd1a22; border:1px solid #dd1a22; border-radius:6px; font-size:13px; color:#ffffff; font-weight:500; text-decoration:none; }
.resultTxt2 { display:inline-block; color:#ff0000; font-weight:bold; }



/* ¹ÎºÎÀåÃß°¡ */
#sit_desc2 {margin-top: 15px;padding:0;color:#000;text-align:left; line-height:23px;}

.in_box2 {margin-bottom:10px;}
.in_box2 h4{font-size:16px; line-height:27px; background:url(../img/arr_01.png) no-repeat center left; padding-left:15px; margin-bottom:3px; font-weight: 700; }
.in_box2 p {margin-left:15px;}
.in_box2 dl  {margin:0;}
.in_box2 dl dt {font-weight: 700; line-height:25px; margin-bottom:5px;}
.in_box2 dl dd {line-height:25px;  margin-bottom:5px;}
.in_box2 dl dd ul {}
.in_box2 dl dd ul  li {line-height:25px;}
.in_box2 dl dd > ul > li {margin-bottom:5px;}


.goods_search_tab { width:100%; margin-bottom:40px; }
.goods_search_tab td > table { margin:0 auto; }