@charset "utf-8";
/* CSS Document */
/**/
@import url(http://fonts.googleapis.com/earlyaccess/nanumbrushscript.css);
.main_wrap{position: relative; z-index:99; width:1200px; margin:0 auto; top:170px}
#section0 .main_wrap{ top:150px}

.main_slogan{ text-align:center; position:relative; top:0}
.main_slogan .slogan1{}
.main_slogan .slogan2{ }
.main_slogan span{ display:inline-block; *display:inline; zoom:1;}
.main_slogan .t1{ font-family:ns, sans-serif; font-size:2.813em; font-weight:600; color:#fff;}
.main_slogan .t2{ font-family:ns, sans-serif; font-size:2em; font-weight:600}
.main_slogan .t3{ font-family:ns, sans-serif; font-size:1.188em; padding-top:20px; color:#fff;}
.main_slogan .t4{ font-family:ns, sans-serif; font-size:2.5em; font-weight:600}
.main_slogan .t5{ font-family:ns, sans-serif; font-size:1.5em;}
.main_slogan .t6{ font-family:nb, cursive; font-size:5em; color:#1f94ad; font-weight:600; letter-spacing:-1px; vertical-align:middle; padding:0 10px; font-style:italic}
.main_slogan .t7{ font-family:ns, sans-serif; font-size:1.25em; padding-top:30px}

.main_sns{ text-align:center; margin-top:50px}
.main_sns > li{ display:inline-block; *display:inline; zoom:1; vertical-align:top}
.main_sns > li > a{ display:block; width:80px; height:80px; background-position:center; background-repeat:no-repeat; border:1px solid transparent; border-radius:5px; filter:alpha(opacity=70);opacity:0.7;}
.main_sns > li.facebook > a{ background-image:url(../images/inc/sns_facebook.png)}
.main_sns > li.blog > a{ background-image:url(../images/inc/sns_blog.png)}
.main_sns > li:hover > a{ border:1px dashed #666; filter:alpha(opacity=100);opacity:1;}

.main_slider{ position: absolute; z-index:1; width:100%; height:100%; left:0; top:0}
.main_slider .slides > li{ background-position:center; background-repeat:no-repeat; }
.main_slider .slides > li.bg1{background-image: url(../images/main/visual1.jpg);}
.main_slider .slides > li.bg2{background-image: url(../images/main/visual2.jpg);}
.main_slider .slides > li.bg3{background-image: url(../images/main/visual3.jpg);}


.main_slider .flex-control-paging{position:absolute; z-index:100; bottom:50px; left:50%; margin-left:-30px; font-size:0; line-height:0}
.main_slider .flex-control-paging li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
.main_slider .flex-control-paging li a{ display:block; width:8px; height:8px; background:#fff; border-radius:20px; box-shadow:1px 1px 5px #333; margin:0 4px}
.main_slider .flex-control-paging li a:hover{}
.main_slider .flex-control-paging li a.flex-active{ width:16px; height:16px;}


.main_pop .flex-control-paging{position:absolute; z-index:100; bottom:50px; left:50%; margin-left:-35px; font-size:0; line-height:0;}
.main_pop .flex-control-paging li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle}
.main_pop .flex-control-paging li a{ display:block; width:8px; height:8px; background:#fff; border-radius:20px; box-shadow:1px 1px 5px #333; margin:0 4px}
.main_pop .flex-control-paging li a:hover{}
.main_pop .flex-control-paging li a.flex-active{ width:16px; height:16px;}

.main_pop2 .flex-control-nav{ background:#78cff0; width:100%; height:40px; text-align:center;}
.main_pop2 .flex-control-paging{position:absolute; z-index:100; left:0; bottom:0; font-size:0; line-height:0; padding-top:23px;}
.main_pop2 .flex-control-paging li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}

#section2 .main_pop2 .flex-control-paging li a{ display:block; width:8px; height:8px; background:#fff; border-radius:20px; box-shadow:1px 1px 5px #333; margin:0 5px;}
#section2 .main_pop2 .flex-control-paging li a.flex-active{ width:13px; height:13px;}

.main_pop2 .flex-control-paging li a{ display:block; width:8px; height:8px; background:#fff; border-radius:20px; box-shadow:1px 1px 5px #333; margin:0 10px;}
.main_pop2 .flex-control-paging li a:hover{}
.main_pop2 .flex-control-paging li a.flex-active{ width:16px; height:16px;}


.main_box_st{ position:absolute; z-index:inherit; border-radius:5px; *box-shadow:1px 1px 3px #777; background-color:#fff; overflow:hidden; box-shadow:3px 3px 5px rgba(0,0,0,0.3);}
.main_box_st,
.main_box_st *{transition:0.4s}
.main_box_st .main_box{ display:block; text-decoration:none; position:relative; z-index:inherit;}
.main_box_st .main_box .img{ }
.main_box_st.size1 .main_box{ width:180px; height:180px}
.main_box_st.size2 .main_box{ width:180px; height:380px}
.main_box_st.size3 .main_box{ width:384px; height:180px}
.main_box_st.size4 .main_box{ width:384px; height:380px}
.main_box_st.size5 .main_box{ width:588px; height:180px}
.main_box_st.size6 .main_box{ width:180px; height:580px}
.main_box_st.size7 .main_box{ width:588px; height:380px}
.main_box_st.size8 .main_box{ width:282px; height:380px}
.main_box_st.size9 .main_box{ width:588px; height:580px;}
.main_box_st.size10 .main_box{ width:384px; height:580px}


.main_box_st.size1 .icon_tit{ height:110px; padding-top:15px;}

.main_box_st .icon_tt{ display:block; position:absolute; z-index:inherit; bottom:5px; right:8px; transition:all 0.3s;}
.main_box_st .icon_tt2{ right:12px;}
.main_box_st .icon_tt3{ bottom:55px;}
.main_box_st .icon_tt .icon_txt{ padding:5px; font-family:notokrM,sasns-serif; font-size:1.188em;}
.main_box_st.size1 .icon_tt img{ }
.main_box_st:hover .icon_tt{ bottom:10px; right:10px;}
.main_box_st:hover .icon_tt2{ right:18px;}
.main_box_st:hover .icon_tt3{ bottom:60px; right:8px;}

.main_box_st.size1 .bg_c1{ background:#f16b1b}
.main_box_st.size1 .bg_c2{ background:#e5950a}
.main_box_st.size1 .bg_c3{ background:#55aa10}
.main_box_st.size1 .bg_c4{ background:#3888ca}
.main_box_st.size1 .bg_c5{ background:#8b5fa7}
.main_box_st.size1 .bg_c6{ background:#f25d5d}
.main_box_st.size1 .bg_c7{ background:#898e93}

.main_box_st.size1.bc1{ background:#f16b1b}
.main_box_st.size1.bc2{ background:#e5950a}
.main_box_st.size1.bc3{ background:#55aa10}
.main_box_st.size1.bc4{ background:#3888ca}
.main_box_st.size1.bc5{ background:#8b5fa7}
.main_box_st.size1.bc6{ background:#f25d5d}
.main_box_st.size1.bc7{ background:#898e93}


.main_t1{ display:block;font-family:ns, sans-serif; font-size:1.438em; color:#fff; *text-shadow:1px 1px 1px #666; text-align:center; letter-spacing:-1px}
.main_t2{ display:block;font-family:ns, sans-serif; font-size:1.063em; color:#111; padding:25px 20px 0 20px; position:relative; z-index:2}
.main_t2_1{ display:block;font-family:ns, sans-serif; font-size:1.063em; color:#111; padding:15px 20px 0 20px; position:relative; z-index:2}
.main_t2.white{ color:#fff}
.main_t3{ display:block; font-size:.813em; color:#666; padding:20px 20px 0 20px; line-height:1.5}
.main_t3_1{ display:block; font-size:.813em; color:#666; padding:8px 20px 0 20px; line-height:1.5}
.main_t4{ display:block;font-family:ns, sans-serif; font-size:1.125em; color:#111; padding:20px 20px 10px 20px; letter-spacing:-1px}
 
.main_board{ padding:20px 20px 0 20px}
.main_board > li.main_board_txt {border-bottom:1px solid #ddd; padding:10px 0; }
.main_board > li.main_board_anr {padding:2px 0 10px 0; }
/*.main_board > li.main_board_txt a{ text-decoration:none !important;}*/
.main_board > li.main_board_txt:first-child {border-top:1px solid #ddd; padding:10px 0; }
.main_board > li.main_board_txt .board_txt {color:#666; font-size:.813em; line-height:1.5; padding:3px 0;}
.main_board > li.main_board_txt a .board_anr{ distplay:inline-block !important;  float:left !important;}
.main_board > li.main_board_txt a .board_anr2 { distplay:inline-block !important;  float:left !important; width:89%; height:170px; padding-top:8px;}
.main_board > li > a{ display:block; position:relative; z-index:inherit; padding:0 10px; border-bottom:1px solid #ddd; color:#fff}
.main_board > li:first-child > a{ border-top:1px solid #ddd}
.main_board > li.main_board_txt > a{ border-bottom:none !important; border-top:none !important; overflow:hidden !important;}
.main_board .tit{ font-size:.813em; color:#666; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; *padding-right:80px}
.main_board .main_board_txt .tit {line-height:1.1;}
.main_board .tit2{ font-size:.875em; color:#555; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:600; display:block; }
.main_board .tit3{ display:block; font-size:.813em; color:#666; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center}
.main_board .date{ position:absolute; z-index:inherit; right:10px; top:0; line-height:40px; font-size:.75em; color:#777}
.main_board .tt{ display:block; font-size:0.75em; color:#666; padding:0 10px; height:50px; overflow:hidden; line-height:1.3}
.main_board .info{ display:block; overflow:hidden; padding:8px 10px;}
.main_board .info .cate{ float:left; font-size:.75em; font-weight:600}
.main_board .info .date2{ float:right; color:#777; font-size:.75em}
.main_board .q_mark{ font-size:1.75em; font-family:Arial, Helvetica, sans-serif; padding-right:5px; vertical-align:middle; font-weight:normal}

.main6_txt { display:inline-block; width:65%;}

 
.main_board .img_wrap{ position:absolute; z-index:inherit;left:10px; top:10px; display:none;}
.main_board .img_wrap img{ width:150px; height:100px}
.main_board .con_wrap{ padding:0 10px}
.main_board .con_wrap .tt{ padding:0}

.main_board.mov > li > a{ border:none; padding:20px 0}
.main_board.mov > li:first-child > a{ padding-top:0}

.main_more{ position:absolute; z-index:inherit; right:20px; top:35px; color:#777; font-size:.75em}

.main_mov{ position:absolute; z-index:1; left:0; top:0}

/*고객센터*/
.main_s_center{ background:rgba(247,229,54,.4); height:100%;}
.main_s_center .ul_stt3{ overflow:hidden; margin-left:20px; padding-top:20px;}
.main_s_center .ul_stt3 li.left{ float:left; width:60%;}
.main_s_center .ul_stt3 li.left p.in_tit{ font-size:0.813em; font-weight:600; color:#583032;}
.main_s_center .ul_stt3 li.left p.in_tit2{ font-size:1.625em; font-weight:600; color:#381e1f; margin-bottom:5px;}
.main_s_center .ul_stt3 li.left p.in_txt{ font-size:0.750em; color:#583032; line-height:1.5;}
.main_s_center .ul_stt3 li.right{ float:right; width:40%;}
.main_s_center .ul_stt3 li.right a.online_bt{ display:inline-block; background:#f7e536 ; border:1px solid #f7e536 ; border-radius:5px; width:100px; text-align:center; font-size:1em; color:#381e1f; line-height:1.4; padding:22px 0; margin-left:15px; transition:all 0.3s; font-family:notokrR,sans-serif}
.main_s_center .ul_stt3 li.right a.online_bt:hover{ background:#fff; border:1px solid #381e1f ;}

.main_prod{ padding:20px 20px 0 20px}
.main_prod .prod a{ text-decoration:none}
.main_prod .prod .va_wrap{ height:180px; text-align:center; background:#fff}
.main_prod .prod .va_wrap img{ max-width:95%}
.main_prod .prod .tit{ font-size:.875em; font-weight:600; text-align:center; display:block; color:#333; margin-top:10px;}


.main_box_st .main_box.bg1{ background:#fdf5de;}
.main_box_st .main_box.bg2{ background:#fff;}
.main_box_st .main_box.bg1 .main_t4{ background:#fff}
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad p{ margin-left:20px;}
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad p.tit1{ font-size:1.063em; color:#02003d !important; margin-top:20px;}
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad p.txt1{ font-size:0.813em; color:#df3d01 !important; font-family:ng, sans-serif; font-weight:600; margin-top:10px; margin-bottom:10px;}
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad p.txt2{ font-size:0.688em; color:#777 !important; font-family:ng, sans-serif; line-height:1.4; }

.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad a{ overflow:hidden;}
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad .left{ float:left; width:50%}
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad .right{ float:left; width:40%;}
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad .right .img_w{ width:150px; margin-top:15px;}

.main_box_st .main_box.bg2 .main_pop2 .slides li .under_part5{ margin-top:100px; text-align:center;}

.section{ background-repeat:no-repeat; background-position: center top}
#section1{ background-image:url(../images/main/bg2.jpg)} 
#section2{ background-image:url(../images/main/bg3.jpg)}
#section3{ background-image:url(../images/main/bg4.jpg)}
#section4{ background-image:url(../images/main/bg5.jpg)}
#section5{ background-image:url(../images/main/bg6.jpg)}
#section6{ background-image:url(../images/main/bg7.jpg)}
#section7{ background-image:url(../images/main/bg8.jpg)}
#section8{ background-image:url(../images/main/bg9.jpg)}
 
#section0 .sec1{ left:0; top:170px}
#section0 .sec2{ left:204px; top:170px}
#section0 .sec3{ left:408px; top:170px}
#section0 .sec4{ left:612px; top:170px}
#section0 .sec5{ left:816px; top:170px}
#section0 .sec6{ left:1020px; top:170px}
#section0 .sec7{ left:0; top:380px}
#section0 .sec8{ left:408px; top:380px}
#section0 .sec9{ left:1020px; top:380px}
#section0 .sec0{ left:816px; top:380px}

.section1 .sec0{ left:0; top:0}

#section1 .sec1{ left:204px; top:0}
#section1 .sec2{ left:612px; top:0px}
#section1 .sec3{ left:200px; top:200px}
#section1 .sec4{ left:408px; top:200px}
#section1 .sec5{ left:408px; top:400px}
#section1 .sec6{ left:612px; top:400px}
#section1 .sec7{ left:816px; top:0px}
#section1 .sec8{ left:816px; top:200px}
#section1 .sec9{ left:816px; top:400px}
#section1 .sec10{ left:1020px; top:200px}
#section1 .sec11{ left:1020px; top:400px}

#section2 .sec1{ left:204px; top:0}
#section2 .sec2{ left:612px; top:0}
#section2 .sec3{ left:612px; top:200px}
#section2 .sec4{ left:1020px; top:0}
#section2 .sec5{ left:612px; top:400px}
#section2 .sec6{ left:204px; top:400px}
#section2 .sec7{ left:1020px; top:400px}

#section3 .sec1{ left:204px; top:0}
#section3 .sec2{ left:612px; top:0}
#section3 .sec3{ left:816px; top:0}
#section3 .sec4{ left:204px; top:400px}
#section3 .sec5{ left:612px; top:400px}
#section3 .sec6{ left:816px; top:200px}
#section3 .sec7{ left:1020px; top:200px}
#section3 .sec8{ left:1020px; top:400px}

#section4 .sec1{ left:204px; top:0}
#section4 .sec2{ left:408px; top:0}
#section4 .sec3{ left:612px; top:0}
#section4 .sec4{ left:1020px; top:0}
#section4 .sec5{ left:204px; top:400px}
#section4 .sec6{ left:612px; top:400px;}

#section5 .sec1{ left:204px; top:0}
#section5 .sec2{ left:612px; top:0}
#section5 .sec3{ left:1020px; top:0}
#section5 .sec4{ left:204px; top:400px}
#section5 .sec5{ left:612px; top:400px}
#section5 .sec6{ left:1020px; top:400px}

#section6 .sec1{ left:204px; top:0}
#section6 .sec2{ left:612px; top:0}
#section6 .sec3{ left:1020px; top:0}
#section6 .sec4{ left:204px; top:400px}
#section6 .sec5{ left:612px; top:200px}
#section6 .sec6{ left:816px; top:200px}
#section6 .sec7{ left:816px; top:400px}

#section7 .sec1{ left:204px; top:0}
#section7 .sec2{ left:816px; top:0}
#section7 .sec3{ left:816px; top:200px}
#section7 .sec4{ left:816px; top:400px}

/*nav*/
.nav_wrap{ position:fixed; z-index:-1; right:20px; top:50%;margin-top:-185px; text-align:right; filter:alpha(opacity=0);opacity:0;}
.nav_wrap.on{filter:alpha(opacity=100);opacity:1; z-index:100}
.nav > li{ margin-top:5px; width:140px;}
.nav > li > a{ display: inline-block; *display:inline; zoom:1; width:45px; height:45px; background-image: url(../images/main/nav.png); background-repeat:no-repeat}
.nav > li.m1 > a{ background-position:0 0}
.nav > li.m2 > a{ background-position:0 -50px}
.nav > li.m3 > a{ background-position:0 -100px}
.nav > li.m4 > a{ background-position:0 -150px}
.nav > li.m5 > a{ background-position:0 -200px}
.nav > li.m6 > a{ background-position:0 -250px}
.nav > li.m7 > a{ background-position:0 -300px}
.nav > li > a:hover,
.nav > li.on > a{ width:100%; transition:0.3s all;}
.nav > li.m1 > a:hover,
.nav > li.m1.on > a{ background-position:-45px 0}
.nav > li.m2 > a:hover,
.nav > li.m2.on > a{ background-position:-45px -50px}
.nav > li.m3 > a:hover,
.nav > li.m3.on > a{ background-position:-45px -100px}
.nav > li.m4 > a:hover,
.nav > li.m4.on > a{ background-position:-45px -150px}
.nav > li.m5 > a:hover,
.nav > li.m5.on > a{ background-position:-45px -200px}
.nav > li.m6 > a:hover,
.nav > li.m6.on > a{ background-position:-45px -250px}
.nav > li.m7 > a:hover,
.nav > li.m7.on > a{ background-position:-45px -300px}

.nav_top{ display: inline-block; *display:inline; zoom:1; width:45px; height:45px; background:url(../images/main/nav_top.png) no-repeat left top; margin-top:20px}



@media screen and (min-width:768px) and (max-width:1200px){	
.nav_wrap{ display:none;}

	
.main_wrap{position: relative; z-index:99; width:890px; margin:0 auto; top:100px;}
#section0 .main_wrap{ top:100px}

.main_slogan{ text-align:center; position:relative; top:0}
.main_slogan .slogan1{}
.main_slogan .slogan2{ }
.main_slogan span{ display:inline-block; *display:inline; zoom:1;}
.main_slogan .t1{ font-family:ns, sans-serif; font-size:2em; font-weight:600; color:#fff;}
.main_slogan .t3{ font-family:ns, sans-serif; font-size:1.250em; padding-top:20px; color:#fff; line-height:1.4;}
.main_slogan .t3 br{ display:none;}

.main_box_st.size1 .icon_tit{ height:65px; padding-top:15px;}

.main_t1{ display:block;font-family:ns, sans-serif; font-size:1.125em; color:#fff; *text-shadow:1px 1px 1px #666; text-align:center; letter-spacing:-1px; margin-top:10px;}
.main_t4{ display:block;font-family:ns, sans-serif; font-size:1.125em; color:#111; padding:5px 20px 5px 20px; letter-spacing:-1px}

.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad p{ margin-left:10px;}
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad p.tit1{ font-size:1em; color:#02003d !important; margin-top:10px;}
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad p.txt1{ font-size:0.813em; color:#df3d01 !important; font-family:ng, sans-serif; font-weight:600; margin-top:5px; margin-bottom:5px;}
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad p.txt2{ font-size:0.75em; color:#777 !important; font-family:ng, sans-serif; line-height:1.4; }
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad .right .img_w{ width:120px; margin-top:10px;}

.main_pop2 .flex-control-nav{ background:#78cff0; width:100%; height:20px; text-align:center;}
.main_pop2 .flex-control-paging{position:absolute; z-index:100; left:0; bottom:0; font-size:0; line-height:0; padding-top:10px;}
.main_pop2 .flex-control-paging li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.main_pop2 .flex-control-paging li a{ display:block; width:5px; height:5px; background:#fff; border-radius:20px; box-shadow:1px 1px 5px #333; margin:0 5px;}
.main_pop2 .flex-control-paging li a:hover{}
.main_pop2 .flex-control-paging li a.flex-active{ width:10px; height:10px;}


/*고객센터*/
.main_s_center{ background:#f5eae6; height:100%;}
.main_s_center .ul_stt3{ overflow:hidden; margin-left:10px; padding-top:10px;}
.main_s_center .ul_stt3 li.left{ float:left; display:inline-block;}
.main_s_center .ul_stt3 li.right{ float:right; width:30%; margin-right:10px; margin-top:10px;}
.main_s_center .ul_stt3 li.right a.online_bt{ display:inline-block; background:#da886a; border:1px solid #da886a; border-radius:0px; width:100%; text-align:center; font-size:1em; color:#fff; line-height:1.4; padding:10px 0; margin-left:0px; transition:all 0.3s; box-sizing:border-box;}
.main_s_center .ul_stt3 li.right a.online_bt br{ display:block;}
.main_s_center .ul_stt3 li.right a.online_bt:hover{ background:#fff; color:#844e39;}


/*뉴스공지*/
.main_board{ padding:10px 10px 0 10px}
.main_board > li.main_board_txt {border-bottom:1px solid #ddd; padding:10px 0; }
.main_board > li.main_board_anr {padding:2px 0 10px 0; }
.main_board > li.main_board_txt:first-child {border-top:1px solid #ddd; padding:10px 0; }
.main_board > li.main_board_txt .board_txt {color:#666; font-size:.813em; line-height:1.5; padding:3px 0;}
.main_board > li.main_board_txt a .board_anr{ distplay:inline-block !important;  float:left !important;}
.main_board > li.main_board_txt a .board_anr2 { distplay:inline-block !important;  float:left !important; width:89%; height:170px; padding-top:8px;}
.main_board > li > a{ display:block; position:relative; z-index:inherit; padding:0 10px; border-bottom:1px solid #ddd; color:#fff}
.main_board > li:first-child > a{ border-top:1px solid #ddd}
.main_board > li.main_board_txt > a{ border-bottom:none !important; border-top:none !important; overflow:hidden !important;}
.main_board .tit{ font-size:.813em; color:#666; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; *padding-right:80px}
.main_board .main_board_txt .tit {line-height:1.1;}
.main_board .tit2{ font-size:.875em; color:#555; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:600}
.main_board .tit3{ display:block; font-size:.813em; color:#666; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center} 
.main_board .date{ position:absolute; z-index:inherit; right:10px; top:0; line-height:40px; font-size:.75em; color:#777}
.main_board .tt{ display:block; font-size:0.75em; color:#666; padding:0 10px; height:25px; overflow:hidden; line-height:1.3}
.main_board .info{ display:block; overflow:hidden; padding:10px 0;}
.main_board .info .cate{ float:left; font-size:.75em; font-weight:600}
.main_board .info .date2{ float:right; color:#777; font-size:.75em}
.main_board .q_mark{ font-size:1.75em; font-family:Arial, Helvetica, sans-serif; padding-right:5px; vertical-align:middle; font-weight:normal}

.main_board .img_wrap{ position:absolute; z-index:inherit;left:0px; top:10px}
.main_board .img_wrap img{ width:100px; height:inherit}
.main_board .con_wrap{ padding-left:100px}
.main_board .con_wrap .tt{ padding:0}
.main_board.mov > li > a{ border:none; padding:20px 0}
.main_board.mov > li:first-child > a{ padding-top:0}
.main_more{ position:absolute; z-index:inherit; right:10px; top:10px; color:#777; font-size:.75em}
.main_mov{ position:absolute; z-index:1; left:0; top:0}


/*section*/
.main_t1{ display:block; font-family:ns, sans-serif; font-size:1.438em; color:#fff; *text-shadow:1px 1px 1px #666; text-align:center; letter-spacing:-1px}
.main_t2{ display:block; font-family:ns, sans-serif; font-size1em; color:#111; padding:10px 10px 0 10px; position:relative; z-index:2}
.main_t2.white{ color:#fff}
.main_t3{ display:block; font-size:0.75em; color:#666; padding:10px 10px 0 10px; line-height:1.5}
.main_t3.vir br{ display:none;}
.main_t4{ display:block; font-family:ns, sans-serif; font-size:1.125em; color:#111; padding:5px 10px 5px 10px; letter-spacing:-1px}

.main_box_st.size1.m_11 .main_box{ width:140px; height:140px}
.main_box_st.size3.m_22 .main_box{ width:290px; height:130px}
.main_box_st.size3.m_33 .main_box{ width:290px; height:130px}

.main_box_st.size1 .main_box{ width:140px; height:140px}
.main_box_st.size2 .main_box{ width:140px; height:290px}
.main_box_st.size3 .main_box{ width:290px; height:140px}
.main_box_st.size4 .main_box{ width:290px; height:290px}
.main_box_st.size5 .main_box{ width:588px; height:180px}
.main_box_st.size6 .main_box{ width:140px; height:440px}
.main_box_st.size7 .main_box{ width:588px; height:380px}
.main_box_st.size8 .main_box{ width:282px; height:380px}
.main_box_st.size9 .main_box{ width:440px; height:440px;}

.main_box_st .icon_tt{ display:block; position:absolute; z-index:inherit; bottom:0; right:0; transition:all 0.3s;}
.main_box_st.size1 .icon_tt img{ width:70%;}
.main_box_st:hover .icon_tt{ bottom:10px; right:10px;}

#section0 .sec1{ left:0; top:140px}
#section0 .sec2{ left:150px; top:140px}
#section0 .sec3{ left:300px; top:140px}
#section0 .sec4{ left:450px; top:140px}
#section0 .sec5{ left:600px; top:140px}
#section0 .sec6{ left:750px; top:140px}
#section0 .sec7{ left:0; top:290px}
#section0 .sec8{ left:300px; top:290px;}
#section0 .sec0{ left:600px; top:290px;}

#section1 .sec1{ left:150px; top:0}
#section1 .sec2{ left:450px; top:0}
#section1 .sec3{ left:150px; top:150px}
#section1 .sec4{ left:300px; top:150px}
#section1 .sec5{ left:300px; top:300px}
#section1 .sec6{ left:450px; top:300px}
#section1 .sec7{ left:600px; top:0px}
#section1 .sec8{ left:600px; top:150px}
#section1 .sec9{ left:600px; top:300px}
#section1 .sec10{ left:750px; top:150px}
#section1 .sec11{ left:750px; top:300px}
	
#section2 .sec1{ left:150px; top:0}
#section2 .sec2{ left:450px; top:0}
#section2 .sec3{ left:450px; top:150px}
#section2 .sec4{ left:750px; top:0}
#section2 .sec5{ left:450px; top:300px}
#section2 .sec6{ left:150px; top:300px}
#section2 .sec7{ left:750px; top:300px}

#section3 .sec1{ left:150px; top:0}
#section3 .sec2{ left:450px; top:0}
#section3 .sec3{ left:600px; top:0}
#section3 .sec4{ left:150px; top:300px}
#section3 .sec5{ left:450px; top:300px}
#section3 .sec6{ left:600px; top:150px}
#section3 .sec7{ left:750px; top:150px}
#section3 .sec8{ left:750px; top:300px}

#section4 .sec1{ left:150px; top:0}
#section4 .sec2{ left:300px; top:0}
#section4 .sec3{ left:450px; top:0}
#section4 .sec4{ left:750px; top:0}
#section4 .sec5{ left:150px; top:300px}
#section4 .sec6{ left:450px; top:300px;}

#section5 .sec1{ left:150px; top:0}
#section5 .sec2{ left:450px; top:0}
#section5 .sec3{ left:750px; top:0}
#section5 .sec4{ left:150px; top:300px}
#section5 .sec5{ left:450px; top:300px}
#section5 .sec6{ left:750px; top:300px}

#section6 .sec1{ left:150px; top:0}
#section6 .sec2{ left:450px; top:0}
#section6 .sec3{ left:750px; top:0}
#section6 .sec4{ left:150px; top:300px}
#section6 .sec5{ left:450px; top:150px}
#section6 .sec6{ left:600px; top:150px}
#section6 .sec7{ left:600px; top:300px}

#section7 .sec1{ left:150px; top:0}
#section7 .sec2{ left:600px; top:0}
#section7 .sec3{ left:600px; top:150px}
#section7 .sec4{ left:600px; top:300px}


.main_box_st .main_box.bg2 .main_pop2{ margin-top:140px; width:100%;}

.main_box_st.m_11 .main_box{ /*width:140px; height:290px*/}
.m_11.main_box_st .icon_tt{ /*width:70%; height:50%; margin-bottom:5px;*/}

.main_box_st.m_22 .main_box{ width:190px; height:190px}
.m_22.main_box_st .icon_tt{ /*width:70%; height:50%; margin-bottom:5px;*/}

.main_box_st.m_33 .main_box{ /*width:190px; height:90px*/}
.m_33.main_box_st .icon_tt{ /*width:50%; height:40%; margin-bottom:5px;*/}

.main_box_st.m_44 .main_box{ width:290px; height:140px}
.m_44.main_box_st .icon_tt{/* width:90%; height:80%; margin-bottom:5px;*/}

.main_box_st.m_55 .main_box{ /*width:140px; height:140px*/}
.m_55.main_box_st .icon_tt{/* width:70%; height:60%; margin-bottom:5px;*/}
	
	
}




@media screen and (min-width:320px) and (max-width:767px){
.nav_wrap{ display:none;}

	
.main_wrap{position: relative; z-index:99; width:290px; margin:0 auto; top:100px;}
#section0 .main_wrap{ top:100px}

.main_slogan{ text-align:center; position:relative; top:0}
.main_slogan .slogan1{}
.main_slogan .slogan2{ }
.main_slogan span{ display:inline-block; *display:inline; zoom:1;}
.main_slogan .t1{ font-family:ns, sans-serif; font-size:1.6em; font-weight:600; color:#fff;}
.main_slogan .t3{ font-family:ns, sans-serif; font-size:1em; padding-top:20px; color:#fff; line-height:1.4;}
.main_slogan .t3 br{ display:none;}

.main_box_st.size1 .icon_tit{ height:35px; padding-top:15px;}

.main_t1{ display:block;font-family:ns, sans-serif; font-size:1.125em; color:#fff; *text-shadow:1px 1px 1px #666; text-align:center; letter-spacing:-1px; margin-top:10px;}
.main_t4{ display:block;font-family:ns, sans-serif; font-size:1.125em; color:#111; padding:5px 20px 5px 20px; letter-spacing:-1px}

.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad p{ margin-left:20px;}
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad p.tit1{ font-size:1em; color:#02003d !important; margin-top:10px;}
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad p.txt1{ font-size:0.813em; color:#df3d01 !important; font-family:ng, sans-serif; font-weight:600; margin-top:5px; margin-bottom:5px;}
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad p.txt2{ font-size:0.75em; color:#777 !important; font-family:ng, sans-serif; line-height:1.4; }
.main_box_st .main_box.bg1 .main_pop .slides li.m1_ad .right .img_w{ width:100px; margin-top:10px;}

.main_pop2 .flex-control-nav{ background:#78cff0; width:100%; height:20px; text-align:center;}
.main_pop2 .flex-control-paging{position:absolute; z-index:100; left:0; bottom:0; font-size:0; line-height:0; padding-top:5px;}
.main_pop2 .flex-control-paging li{ display:inline-block; *display:inline; zoom:1; vertical-align:middle;}
.main_pop2 .flex-control-paging li a{ display:block; width:5px; height:5px; background:#fff; border-radius:20px; box-shadow:1px 1px 5px #333; margin:0 5px;}
.main_pop2 .flex-control-paging li a:hover{}
.main_pop2 .flex-control-paging li a.flex-active{ width:10px; height:10px;}


/*고객센터*/
.main_s_center{ background:#f5eae6; height:100%;}
.main_s_center .ul_stt3{ overflow:hidden; margin-left:0px; padding-top:0px;}
.main_s_center .ul_stt3 li.left{ float:none; display:none;}
.main_s_center .ul_stt3 li.right{ float:none; width:100%;}
.main_s_center .ul_stt3 li.right a.online_bt{ display:inline-block; background:#da886a; border:1px solid #da886a; border-radius:0px; width:100%; text-align:center; font-size:1em; color:#fff; line-height:1.4; padding:10px 0; margin-left:0px; transition:all 0.3s; box-sizing:border-box;}
.main_s_center .ul_stt3 li.right a.online_bt br{ display:none;}
.main_s_center .ul_stt3 li.right a.online_bt:hover{ background:#fff; color:#844e39;}


/*뉴스공지*/
.main_board{ padding:10px 10px 0 10px}
.main_board > li.main_board_txt {border-bottom:1px solid #ddd; padding:10px 0; }
.main_board > li.main_board_anr {padding:2px 0 10px 0; }
.main_board > li.main_board_txt:first-child {border-top:1px solid #ddd; padding:10px 0; }
.main_board > li.main_board_txt .board_txt {color:#666; font-size:.813em; line-height:1.5; padding:3px 0;}
.main_board > li.main_board_txt a .board_anr{ distplay:inline-block !important;  float:left !important;}
.main_board > li.main_board_txt a .board_anr2 { distplay:inline-block !important;  float:left !important; width:89%; height:170px; padding-top:8px;}
.main_board > li > a{ display:block; position:relative; z-index:inherit; padding:0 10px; border-bottom:1px solid #ddd; color:#fff}
.main_board > li:first-child > a{ border-top:1px solid #ddd}
.main_board > li.main_board_txt > a{ border-bottom:none !important; border-top:none !important; overflow:hidden !important;}
.main_board .tit{ font-size:.813em; color:#666; line-height:40px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; *padding-right:80px}
.main_board .main_board_txt .tit {line-height:1.1;}
.main_board .tit2{ font-size:.875em; color:#555; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:600}
.main_board .tit3{ display:block; font-size:.813em; color:#666; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; text-align:center} 
.main_board .date{ position:absolute; z-index:inherit; right:10px; top:0; line-height:40px; font-size:.75em; color:#777}
.main_board .tt{ display:block; font-size:0.75em; color:#666; padding:0 10px; height:25px; overflow:hidden; line-height:1.3}
.main_board .info{ display:block; overflow:hidden; padding:10px 0;}
.main_board .info .cate{ float:left; font-size:.75em; font-weight:600}
.main_board .info .date2{ float:right; color:#777; font-size:.75em}
.main_board .q_mark{ font-size:1.75em; font-family:Arial, Helvetica, sans-serif; padding-right:5px; vertical-align:middle; font-weight:normal}

.main_board .img_wrap{ position:absolute; z-index:inherit;left:0px; top:10px}
.main_board .img_wrap img{ width:100px; height:inherit}
.main_board .con_wrap{ padding-left:100px}
.main_board .con_wrap .tt{ padding:0}
.main_board.mov > li > a{ border:none; padding:20px 0}
.main_board.mov > li:first-child > a{ padding-top:0}
.main_more{ position:absolute; z-index:inherit; right:10px; top:10px; color:#777; font-size:.75em}
.main_mov{ position:absolute; z-index:1; left:0; top:0}


/*section*/
.main_t1{ display:block; font-family:ns, sans-serif; font-size:1.438em; color:#fff; *text-shadow:1px 1px 1px #666; text-align:center; letter-spacing:-1px}
.main_t2{ display:block; font-family:ns, sans-serif; font-size:0.875em; color:#111; padding:10px 10px 0 10px; position:relative; z-index:2}
.main_t2.white{ color:#fff}
.main_t3{ display:block; font-size:0.625em; color:#666; padding:10px 10px 0 10px; line-height:1.5}
.main_t3.vir br{ display:none;}
.main_t4{ display:block; font-family:ns, sans-serif; font-size:1.125em; color:#111; padding:5px 10px 5px 10px; letter-spacing:-1px}

.main_box_st.size1.m_11 .main_box{ width:90px; height:90px}
.main_box_st.size3.m_22 .main_box{ width:290px; height:110px}
.main_box_st.size3.m_33 .main_box{ width:140px; height:65px}

.main_box_st.size1 .main_box{ width:90px; height:90px}
.main_box_st.size2 .main_box{ width:90px; height:190px}
.main_box_st.size3 .main_box{ width:190px; height:90px}
.main_box_st.size4 .main_box{ width:190px; height:190px}
.main_box_st.size5 .main_box{ width:588px; height:180px}
.main_box_st.size6 .main_box{ width:190px; height:190px}
.main_box_st.size7 .main_box{ width:588px; height:380px}
.main_box_st.size8 .main_box{ width:282px; height:380px}
.main_box_st.size9 .main_box{ width:290px; height:290px;}

.main_box_st .icon_tt{ display:block; position:absolute; z-index:inherit; right:7px !important; bottom:0px !important;}
.main_box_st.size1 .icon_tt{ right:0; bottom:0; width:60%; height:60%; text-align:right}
.main_box_st.size2 .icon_tt{ right:0; bottom:0; width:70%; height:35%; text-align:right; vertical-align:bottom;}
.main_box_st.size3 .icon_tt{ right:10px; bottom:0; width:30%; height:100%; text-align:right}
.main_box_st.size4 .icon_tt{ right:0; bottom:0; width:80%; height:30%; text-align:right; margin-bottom:10px;}
.main_box_st.size5 .icon_tt{ right:0; bottom:0; width:33.33%; height:100%; text-align:right}
.main_box_st.size6 .icon_tt{ right:0; bottom:0; width:100%; height:33.33%; text-align:right}

.main_box_st.size1:hover .icon_tt{ right:0px; bottom:0px}
.main_box_st.size1:hover .icon_tt.bottom{ right:5px; bottom:5px}
.main_box_st.size6:hover .icon_tt.bottom2{ bottom:20px}
.main_box_st.size1:hover .icon_tt.minus3{ right:-5px; bottom:-10px}
.main_box_st.size2:hover .icon_tt{ bottom:5px}
.main_box_st.size3:hover .icon_tt{ right:5px}
.main_box_st.size4:hover .icon_tt{ right:5px}
.main_box_st.size5:hover .icon_tt{ right:5px}

#section0 .sec1{ left:0; top:140px}
#section0 .sec2{ left:100px; top:140px}
#section0 .sec3{ left:200px; top:140px}
#section0 .sec4{ left:0px; top:240px}
#section0 .sec5{ left:100px; top:240px}
#section0 .sec6{ left:200px; top:240px}
#section0 .sec7{ left:0; top:340px}
#section0 .sec8{ left:0px; top:460px;}
#section0 .sec0{ left:150px; top:460px;}

#section1 .sec1{ left:100px; top:0}
#section1 .sec2{ left:0px; top:100px}
#section1 .sec3{ left:100px; top:100px}
#section1 .sec4{ left:200px; top:100px}
#section1 .sec5{ left:200px; top:200px}
#section1 .sec6{ left:0px; top:300px}
#section1 .sec7{ left:100px; top:300px}
#section1 .sec8{ left:0px; top:400px}
#section1 .sec9{ left:100px; top:400px}
#section1 .sec10{ left:200px; top:400px}
#section1 .sec11{ left:200px; top:300px}
	
#section2 .sec1{ left:100px; top:0}
#section2 .sec2{ left:0px; top:200px}
/*#section2 .sec2{ left:150px; top:320px}*/
#section2 .sec3{ left:0px; top:300px}
/*#section2 .sec3{ left:0px; top:450px}*/
#section2 .sec4{ left:200px; top:200px}
/*#section2 .sec4{ left:750px; top:0px}*/
/*.main_box_st.size2 .main_box{height:300px;}*/
#section2 .sec5{ left:0px; top:400px}
/*#section2 .sec5{ left:450px; top:320px}*/
#section2 .sec6{ left:100px; top:400px}
/*#section2 .sec6{ left:150px; top:160px}*/
#section2 .sec7{ left:0px; top:100px}
/*#section2 .sec7{ left:750px; top:320px}*/
/*#section2 .sec8{ left: 450px; top:160px;}*/

#section3 .sec1{ left:100px; top:0}
#section3 .sec2{ left:0px; top:100px}
#section3 .sec3{ left:100px; top:100px}
#section3 .sec4{ left:100px; top:200px}
#section3 .sec5{ left:100px; top:300px}
#section3 .sec6{ left:0px; top:300px}
#section3 .sec7{ left:0px; top:400px}
#section3 .sec8{ left:200px; top:300px}

#section4 .sec1{ left:100px; top:0}
#section4 .sec2{ left:200px; top:0}
#section4 .sec3{ left:100px; top:200px}
#section4 .sec4{ left:100px; top:300px}
#section4 .sec5{ left:0px; top:100px}
#section4 .sec6{ left:0px; top:300px;}

#section5 .sec1{ left:100px; top:0}
#section5 .sec2{ left:0px; top:400px}
#section5 .sec3{ left:0px; top:100px}
#section5 .sec4{ left:100px; top:200px}
#section5 .sec5{ left:100px; top:300px}
#section5 .sec6{ left:0px; top:300px}

#section6 .sec1{ left:100px; top:0}
#section6 .sec2{ left:100px; top:200px}
#section6 .sec3{ left:0px; top:100px}
#section6 .sec4{ left:0px; top:300px}
#section6 .sec5{ left:100px; top:400px}
#section6 .sec6{ left:200px; top:300px}
#section6 .sec7{ left:0px; top:400px}
#section6 .sec7 .main_t3{ display:none;}

#section7 .sec1{ left:0px; top:200px}
#section7 .sec2{ left:100px; top:0}
#section7 .sec3{ left:0px; top:100px}
#section7 .sec4{ left:200px; top:100px}
#section7 .sec4 .main_t3{ display:none;}


.main_box_st .main_box.bg2 .main_pop2{ margin-top:-20px; width:50%; margin-left:45%;}

.main_box_st.m_11 .main_box{ width:90px; height:90px}
.m_11.main_box_st .icon_tt{ width:70%; height:50%; margin-bottom:5px;}

.main_box_st.m_22 .main_box{ width:190px; height:190px}
.m_22.main_box_st .icon_tt{ width:70%; height:50%; margin-bottom:5px;}

.main_box_st.m_33 .main_box{ width:190px; height:90px}
.m_33.main_box_st .icon_tt{ width:70%; height:50%; margin-bottom:5px;}

.main_box_st.m_44 .main_box{ width:90px; height:190px}
.m_44.main_box_st .icon_tt{ width:70%; height:50%; margin-bottom:5px;}

.main_box_st.m_55 .main_box{ width:290px; height:90px}
.m_55.main_box_st .icon_tt{ width:80%; height:80%; margin-bottom:5px;}
	
}