@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic|Noto+Sans+KR:200,300,400,600|Montserrat:100,200,400,500,600|Lora&display=swap&subset=korean');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@font-face {
    font-family: 'nanumsquare';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/nanumsquare.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-4Regular';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Bold';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Pretendard-ExtraLight';
    src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

/* 초기화 */
html {overflow-y:scroll;font-family: 'Montserrat','Noto Sans kr', 'S-CoreDream-4Regular','Nanum Gothic', sans-serif;overflow-x:hidden;}
body {margin:0;padding:0;font-size:14px;font-family: 'Montserrat','Noto Sans kr', 'S-CoreDream-4Regular', 'Nanum Gothic', dotum, sans-serif;overflow-x:hidden;}
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;font-family:'Noto Sans kr', dotum, sans-serif}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
ul,li {margin:0;padding:0;list-style:none}
ol,li,dl,dt,dd {margin:0;padding:0} 
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 {margin:0;padding:0;font-family: 'Montserrat','Noto Sans kr', dotum, sans-serif;font-size:1em}
button {cursor:pointer}
textarea, select {font-family:'Noto Sans kr', dotum, sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

#bo_v_con {margin-bottom:30px;width:100%;font-size:16px;line-height:1.7em;word-break:break-all;overflow:hidden}

/* 유튜브 반응형 */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.shopwidth {z-index:1;position:relative;width:100%;margin:0 auto;}

#pchide {display:none;}
#mbhide {display:inline-block;}

#760br {display:none;}
#logovo {display:none;}

#navBar {display:none;}

#map div {border:0px !important;background:transparent !important;font-family:nanum gothic;letter-spacing:0px;}

.customoverlay {position:absolute;top:35px;border-radius:30px;margin:0 auto;width:90px;height:17px;margin-left:190px;border:1px solid #ddd;padding-top:2px;text-align:center;color:#fff;float:left;cursor:pointer;}
.customoverlay:hover{color:#ffff99;float:left;}
 
.placeholdersjs {color:#aaa !important}

#wrapper {width:100%;}
#hd, #ft {width:100%;}

#hd_pop,
#hd_wrapper,
#tnb .inner,

#gnb .gnb_wrap,
#container_wr,
#ft_wr {width:100%;}

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;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 img {max-width:100%}
.hd_pops_con {}
.hd_pops_footer {padding:0;background:#000;color:#fff;text-align:left;position:relative}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding:10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject {background:#000;text-align:left}
.hd_pops_footer .hd_pops_close {background:#393939;position:absolute;top:0;right:0}

/* 상단 레이아웃 */
#hd {border-bottom:0px solid #ccc;}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}

#hd_wrapper {position:relative;margin:0 auto;height:80px;max-width:1300px;}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

.icon_plus{position:absolute;right:0px;top:0px;background:#003366;width:70px;height:70px;padding-top:15px;color:#fff;text-align:center;box-sizing:border-box;z-index:5;}
.icon_plus:hover {background:#ff9900;transition:background 0.5s, opacity 0.1s;}

.tophead {width:100%; height:0px; text-align:center;overflow:hidden;opacity:0; }
.tophead_wrapper {width:100%;  margin:0 auto; height:30px; line-height:30px;text-align:right; }
.tophead_wrapper a{color:#fff;font-size:13px;}

#logo {float:left;width:230px;padding:19px 30px;color:#fff;text-align:left;}
#logo a{color:#fff;font-size:21px;font-family:nanumsquare;font-weight:bold;}
.hd_sch_wr {float:left;padding:20px 0;width:340px;text-align:center;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
#hd_sch {font-size:0;overflow:hidden}
#hd_sch #sch_str {display:inline-block;width:200px;height:40px;border:1px solid #000;background:#fff;border-right:0px;font-size:14px;color:#000}
#hd_sch #sch_submit {display:inline-block;width:40px;height:40px;border:0;background:#fff;color:#fff;border:1px solid #000;border-left:0px;padding-top:4px;cursor:pointer;font-size:16px}
#comsubject {font-size:17px;letter-spacing:-.5px;margin-left:0px;line-height:120%;color:#000;font-family:nanumsquare;}

.topbannerarea {width:100%;height:180px;overflow:hidden;text-align:center;z-index:1;}

.topbannerarea .topimgbox h1{}
.topbannerarea .topimgbox h1 span{}

.topbanner {position:relative;width:100%;height:180px;text-align:center;z-index:17;}
.topimgbox {width:100%;height:180px;text-align:center;}

.topbannercheck {position:absolute;top:130px;right:50px;z-index:20;cursor:pointer;font-size:13px;color:#fff;font-family:S-CoreDream-4Regular;}
.topbannerclose {position:absolute;top:30px;right:30px;z-index:20;cursor:pointer;background:transparent;}
.downtopbn {position:absolute;display:block;top:-2px;right:20px;z-index:50;cursor:pointer;background:transparent;}

.topbanner .slick-dots{ bottom:20px;z-index:100; }
.topbanner .slick-dots li button:before{  content: '○';color:#fff; }
.topbanner .slick-dots li.slick-active button:before{  content: '●';color:#fff; }

.top_menu {position:relative;width:100%;margin:0 auto;top:0px;height:80px;background:#fff;z-index:14;}
.top_menu .top_menuarea{position:relative;margin:0 auto;width:1200px;height:80px;background:#fff;}
.top_menu .top_menuarea .top_menuabs{position:absolute;width:100%;margin:0 auto;height:80px;z-index:11;background:#fff;}

.top_menu .top_menuarea .logo {float:left;width:320px;color:#fff;text-align:left;}
.top_menu .top_menuarea .logo img{width:290px;height:auto;}

.top_menu .top_menuarea .menu {float:left;width:calc(100% - 620px);height:80px;color:#fff;background:#fff;text-align:left;}
.top_menu .top_menuarea .menu a{float:left;padding:28px 35px;font-size:18px;height:80px;color:#000;background:#fff;text-align:center;font-family:nanumsquare;font-weight:bold;}

.top_menu .top_menuarea .sidemenu1 {position:relative;float:left;text-align:center;width:150px;height:80px;background:#00479d;font-family:S-CoreDream-4Regular;padding-top:28px;font-size:17px;color:#fff;font-weight:normal;}
.top_menu .top_menuarea .sidemenu1 a{padding-right:12px;padding-left:12px;margin-right:5px;}
.top_menu .top_menuarea .sidemenu1:hover{background:#003366;color:#ccffff;font-family:S-CoreDream-4Regular;transition:background 0.5s, opacity 0.1s;font-weight:normal;cursor:pointer;}

.top_menu .top_menuarea .sidemenu2 {position:relative;float:left;text-align:center;width:150px;height:80px;background:#0ea0f0;font-family:S-CoreDream-4Regular;padding-top:28px;font-size:17px;color:#fff;font-weight:normal;}
.top_menu .top_menuarea .sidemenu2 a{padding-right:12px;padding-left:12px;margin-right:5px;}
.top_menu .top_menuarea .sidemenu2:hover{background:#33cccc;color:#ccffff;font-family:S-CoreDream-4Regular;transition:background 0.5s, opacity 0.1s;font-weight:normal;cursor:pointer;}

.menu_div {position:absolute;width:66px;height:1px;background:#fff;top:53px;margin-left:85px;}

.topmenu_div {position:absolute;height:3px;background:#0ea0f0;width:0px;top:77px;left:-40px;}

.topsubmenu {position:absolute;width:100%;height:220px;background:#fff;top:-400px;z-index:0;}

.allmenut {float:left;margin-top:0px;}
.allmenut li{width:132px;height:35px;border:0px;}
.allmenut li a{width:100%;height:40px;padding-bottom:3px;border:0px;color:#555;font-size:16px;font-family:nanumsquare;font-weight:bold;}
.allmenut li a:hover{width:100%;color:#0ea0f0;font-weight:normal;border-bottom:1px solid #0ea0f0;font-size:16px;font-family:nanumsquare;font-weight:bold;}

.top_menu_title:hover{color:#343d93;}

.icon_new{position:absolute;margin-left:88px;margin-top:-8px;background:#ff0000;color:#fff;border-radius:20px;width:16px;height:16px;text-align:center;font-size:12px;font-family:nanumsquare;font-weight:bold;padding-top:2px;box-sizing:border-box;}

.icon_new_header{position:absolute;margin-left:385px;margin-top:-25px;background:#ff0000;color:#fff;border-radius:20px;width:13px;padding-right:0px;height:13px;text-align:center;font-size:10px;font-family:nanumsquare;font-weight:bold;padding-top:1px;box-sizing:border-box;}
.icon_header{position:absolute;margin-left:385px;margin-top:-25px;background:#ff0000;color:#fff;border-radius:20px;width:13px;padding-right:.5px;height:13px;text-align:center;font-size:10px;font-family:nanumsquare;font-weight:bold;padding-top:1px;box-sizing:border-box;}

#comcont_qna {width:100%;height:auto;float:left;font-size:0;}
#comcont_qna h1{width:100%;height:57px;border-bottom:3px solid #333;text-align:left;font-size:30px;padding-left:10px;margin-top:25px;letter-spacing:-2px;font-weight:200;}

.mainpic {width:100%;height:500px;margin:0 auto;overflow:hidden;text-align:center; }

.mainpic {clear:both;width:100%;height:500px;background:#fff;overflow:hidden;}
.mainpic .mainimgarea {height:500px;width:100%;margin:0 auto;overflow:hidden;}

.mainpic .mainimgarea .slick-dots{ bottom:20px;z-index:100; }
.mainpic .mainimgarea .slick-dots li button:before{  content: '○';color:#fff; }
.mainpic .mainimgarea .slick-dots li.slick-active button:before{  content: '●';color:#fff; }

.mainmid1 {width:1200px;margin:0 auto;padding-top:30px;;height:500px;margin:0 auto;overflow:hidden;text-align:center;}
.mainmid1 .mid1title{width:100%;margin:0 auto;padding-top:20px;height:90px;text-align:center;font-size:27px;font-family:nanumsquare;font-weight:bold;}
.mainmid1 li{float:left;text-align:center;width:33.33%;border-right:1px solid #ddd;box-sizing:border-box;}
.mainmid1 .mainmid1li{text-align:center;position:relative;width:80%;margin:0 auto;box-sizing:border-box;}
.mainmid1 .mainmid1li h1{position:absolute;bottom:70px;height:80px;left:10%;padding:20px 0;background:#fff;font-size:14px;font-family:nanumsquare;text-align:center;width:80%;box-sizing:border-box;}
.mainmid1 .mainmid1li h2{margin:0 auto;text-align:center;width:100%;box-sizing:border-box;height:auto;}
.mainmid1 .mainmid1li h3{clear:both;position:relative;margin:0 auto;margin-top:60px;text-align:center;width:60%;box-sizing:border-box;height:45px;border-radius:50px;letter-spacing:-.5px;border:1px solid #00479d;font-size:16px;font-family:nanumsquare;padding-top:12px;}
.mainmid1 .mainmid1li h3:hover{background:#00479d;color:#fff;transition:background 0.5s;cursor:pointer;}

.mainimgbig .slick-prev{ top:-10px !important;left:auto !important;right:15px !important;z-index:100;background:transparent !important;}
.mainimgbig .slick-next{ top:-10px !important;right:-5px !important;z-index:100;background:transparent !important;}
.mainimgbig .slick-prev:before{ content: url(../images/mid1prev.png);}
.mainimgbig .slick-next:before{ content: url(../images/mid1next.png);}

.mainimgbig { text-align:center;width:100%;margin:0 auto;box-sizing:border-box}
.mainimgbig .mainimgbox {position:relative;width:100%;}
.mainimgbig .mainimgbox h1{position:absolute;bottom:70px;height:80px;left:10%;padding:20px 0;background:#fff;font-size:15px;font-family:nanumsquare;text-align:center;width:80%;box-sizing:border-box;}
.mainimgbig .mainimgbox h3{clear:both;position:relative;margin:0 auto;margin-top:60px;text-align:center;width:60%;box-sizing:border-box;height:45px;border-radius:50px;letter-spacing:-.5px;border:1px solid #00479d;font-size:16px;line-height:16px;font-family:nanumsquare;padding-top:12px;}
.mainimgbig .mainimgbox h3:hover{background:#00479d;color:#fff;transition:background 0.5s;cursor:pointer;}

.mainmid2 {width:100%;height:auto;margin:0 auto;overflow:hidden;text-align:center;}
.mainmid2 .mainmid2area{width:100%;max-width:1200px;height:400px;margin:0 auto;overflow:hidden;text-align:center;}
.mainmid2 .mainmid2li{text-align:center;position:relative;width:80%;margin:0 auto;box-sizing:border-box;}
.mainmid2 .mid2title{width:100%;margin:0 auto;padding-top:80px;letter-spacing:-1px;height:150px;text-align:center;font-size:27px;font-family:nanumsquare;font-weight:bold;}
.mainmid2 li{float:left;width:33.33%;box-sizing:border-box;}
.mainmid2 li .titlepage{position:relative;float:left;border-bottom:1px solid #ccc;text-align:left;width:100%;padding:10px 0;font-size:17px;font-family:nanumsquare;}
.mainmid2 li h1{position:absolute;right:0px;top:10px;}
.mainmid2 li .conpage{float:left;width:100%;padding:10px 0;box-sizing:border-box;}

.mainmid3 {width:100%;height:500px;margin:0 auto;overflow:hidden;text-align:center;background:#00479d;}
.mainmid3 .mainmid3area{width:1180px;height:400px;margin:0 auto;overflow:hidden;text-align:center;}
.mainmid3 .mid3title{width:100%;margin:0 auto;color:#fff;padding-top:50px;letter-spacing:0px;height:150px;text-align:center;font-size:27px;font-family:nanumsquare;font-weight:bold;}
.mainmid3 .mainmid3box{text-align:left;position:relative;width:100%;float:left;margin:0 auto;box-sizing:border-box;}
.mainmid3 .mainmid3box .mid3left{text-align:left;position:relative;width:50%;float:left;margin:0 auto;padding-left:3%;box-sizing:border-box;}
.mainmid3 .mainmid3box .mid3left h1{font-size:30px;padding-top:20px;color:#fff;font-family:nanumsquare;text-align:left;width:100%;float:left;margin:0 auto;box-sizing:border-box;}
.mainmid3 .mainmid3box .mid3left h2{font-size:16px;line-height:35px;padding-top:15px;color:#fff;font-family:nanumsquare;text-align:left;width:100%;float:left;font-weight:normal;margin:0 auto;box-sizing:border-box;}
.mainmid3 .mainmid3box .mid3left h2 span{color:#99ffff;}
.mainmid3 .mainmid3box .mid3left h3{clear:both;float:right;margin-top:30px;color:#fff;text-align:center;width:200px;box-sizing:border-box;height:45px;border-radius:50px;letter-spacing:-.5px;border:1px solid #fff;font-size:16px;font-family:nanumsquare;padding-top:10px;}
.mainmid3 .mainmid3box .mid3left h3:hover{background:#fff;color:#00479d;transition:background 0.5s;cursor:pointer;}

.mainmid3 .mainmid3box .mid3right{width:50%;float:left;box-sizing:border-box;text-align:right;}
.mainmid3 .mainmid3box .mid3right img{float:right;margin-right:32px;}

.mainmid3 .slick-prev{ top:45% !important;left:auto !important;right:500px !important;z-index:100;background:transparent !important;}
.mainmid3 .slick-next{ top:45% !important;right:-5px !important;z-index:100;background:transparent !important;}

.mainmid3 .slick-prev:before{ content: url(../images/mid3prev.png);}
.mainmid3 .slick-next:before{ content: url(../images/mid3next.png);}

.mainmid4 {width:100%;height:auto;margin:0 auto;overflow:hidden;text-align:center;}
.mainmid4 .mainmid4area{width:100%;max-width:850px;height:600px;margin:0 auto;text-align:center;}
.mainmid4 .mainmid4li{text-align:center;position:relative;width:80%;margin:0 auto;box-sizing:border-box;}
.mainmid4 .mid4title{width:100%;margin:0 auto;padding-top:80px;letter-spacing:-1px;height:120px;text-align:center;font-size:27px;font-family:nanumsquare;font-weight:bold;}
.mainmid4 .mid4subtitle{width:100%;margin:0 auto;padding-top:30px;letter-spacing:-.5px;height:100px;text-align:center;font-size:18px;color:#999;font-family:nanumsquare;}

.mainmid4 .mainmid4area .mid4imgbig{width:100%;height:400px;margin:0 auto;text-align:center;}
.mainmid4 .mainmid4area .mid4imgbig .mid4imgbox{width:100%;max-width:850px;height:400px;margin:0 auto;text-align:center;}
.mainmid4 .mainmid4area .mid4imgbig .mid4imgbox img{width:86%;height:auto;margin-left:7%;}
.mainmid4 .slick-prev{ top:33% !important;left:-25px !important;z-index:100;}
.mainmid4 .slick-next{ top:33% !important;right:-25px !important;z-index:100;}

.mainmid4 .slick-prev:before{ content: url(../images/mid4prev.png);}
.mainmid4 .slick-next:before{ content: url(../images/mid4next.png);}

.mainmid5 {width:100%;height:auto;margin:0 auto;overflow:hidden;text-align:center;}
.mainmid5 .mainmid5area{width:100%;height:60px;margin:0 auto;text-align:center;}
.mainmid5 .mainmid5area .mid5imgbig{width:90%;height:60px;margin:0 auto;text-align:center;}
.mainmid5 .mainmid5area .mid5imgbig img{width:80%;margin-left:10%;margin-right:10%;max-width:150px;height:auto;vertical-align:middle;}
.mainmid5 .mainmid5area .mid5imgbig .mid5imgbox{width:100%;height:60px;margin:0 auto;text-align:center;}

.footer {width:100%;height:370px;margin:0 auto;overflow:hidden;text-align:center;background:#404040;}
.footer h1{position:relative;width:100%;min-width:1000px;margin:0 auto;margin-top:50px;letter-spacing:-1px;height:120px;text-align:center;font-size:15px;font-family:Pretendard-Bold}
.footer h1 .h1btn{position:absolute;float:right;right:50px;top:10px;}
.footer h1 .h1btn a{margin-left:5px;}
.footer h2{width:100%;height:60px;margin:0 auto;color:#a2a2a2;text-align:center;;}
.footer h2 a{color:#a2a2a2;}
.footer h2 a:hover{color:#33cccc;}
.footer h3{width:100%;height:90px;margin:0 auto;color:#797979;text-align:center;}
.footer h4{width:100%;height:50px;margin:0 auto;font-size:13px;color:#797979;text-align:center;}

html,body{ overflow-x:hidden; font-family:Noto Sans KR; }
/* Eric Meyer reset.css */
html,body,div,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed,textarea,
figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,
time,mark,audio,video,button,input{margin:0; padding:0; border:0 none; vertical-align:baseline; font-family:Noto Sans KR, Nanum gothic, malgun gothic,"돋움",Dotum,sans-serif; font-weight:normal; word-break:keep-all;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:""; content:none;}
table{border-collapse:collapse; border-spacing:0; width:100%; table-layout:fixed;}
img{max-width:100%;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

a{text-decoration:none;}
hr{display:none;}
legend,caption{width:1px; height:1px; *height:0; padding:0; margin-top:-1px; font-size:0; line-height:0; text-indent:-999px; overflow:hidden;}
img,td,th{vertical-align:middle;}
.blind{display:block; overflow:hidden; position:absolute; top:-1000em; left:0;}
.menuwrap {width:100%; background:#f5f5f5; position:fixed; top:126px;}
.menuline {border:1px solid #dddddd; }

a{text-decoration:none; color:#333333;}
a:hover,a:active,a:focus{text-decoration:none; color:#ee2f1c;}

.ed { border:1px solid #CCCCCC; height:22px;} 
.ed1 { border:1px solid #dddddd; background-color:#eeeeee; height:20px; padding-top:3px; } 
.ed2 { border:0px solid #CCCCCC; background-color:#decec6; height:15px; padding-top:3px; } 
.ed3 { border:1px solid #888888; background-color:#999999; height:20px; padding-top:3px; color:#ffffff;} 
.ed4 { border:1px solid #cccccc; background-color:#f5f5f5; height:18px; padding-top:2px;} 

.edtc { height:21px; border-width:1; border-color:#999999; border-style:solid; padding-top:2px;} 
.edtc2 { height:30px; border-width:3; border-color:#666666; border-style:solid; padding-top:6px;} 

.tx { border:1px solid #CCCCCC; } 

.small { font-size:11px; font-family:돋움; }
.small2 { font-size:11px; font-family:tahoma; }
.small3 { font-size:11px; font-family:돋움; letter-spacing:-1px;}

.cloudy, a.cloudy {color:#888888;} /* 흐림 */

ul, li, ol{list-style:none;}

/* header
#header {position:fixed;top:0;left:0;width:100%;border-bottom:1px solid #ddd; padding:0;z-index:10;background:rgb(0,0,0,0.5);font-family:Noto Sans KR;} 
.menu_wrap h1 {position:absolute;z-index:1000;float:left;width:180px;padding-top:7px;text-align:center;border-radius:5px;height:75px;background:#111;margin-top:14px;margin-left:5px;}
*/

.mbmenu {display:none;}

#pchidden {display:none;}
#mobilehidden {display:block;}
#fx_topmenu {position:fixed;top:0;left:0;width:100%;min-width:770px;border-bottom:1px solid #ddd; padding:0;z-index:10;background:#fff;font-family:Noto Sans KR;}

.headerarea {margin:0 auto; position:relative;width:1000px;height:60px;overflow:hidden;}

#wrap{position:relative;}
#subwrap{position:relative;width:95%;max-width:1200px;margin:0 auto;font-size:0;margin-top:20px;}

.subwraptitleimg {clear:both;position:relative;height:500px;width:100%;text-align:center;background:url('../images/sub2.jpg') top center no-repeat;background-size:cover;}
.subwraptitleimg h1{position:absolute;width:100%;top:200px;text-align:center;color:#fff;font-size:45px;font-family:nanumsquare;font-weight:bold;letter-spacing:0;}
.subwraptitleimg h2{position:absolute;width:100%;top:280px;text-align:center;color:#fff;font-size:30px;font-family:nanumsquare;letter-spacing:0;}

.subwraptitle {width:100%;margin:0 auto;height:auto;letter-spacing:-3px;border-bottom:3px solid #333;padding-bottom:12px;margin-bottom:30px;font-family:noto sans kr;font-size:30px;font-weight:bold;}

.subwrapcate {width:100%;margin:0 auto;text-align:center;height:auto;letter-spacing:0px;padding:0px 0 50px 0;color:#000;font-family:nanumsquare;}
.subwrapcate a{width:auto;margin:0 auto;text-align:center;box-sizing:border-box;border:1px solid #aaa;color:#666;height:auto;border-radius:30px;letter-spacing:0px;padding:10px 20px;margin-bottom:30px;margin-left:10px;margin-right:10px;font-family:nanumsquare;font-size:16px;}
.subwrapcate a:hover{background:#3f51b5;border:1px solid #3f51b5;color:#fff;transition:background 1s, border 1s;}

#caton {background:#3f51b5;color:#fff;border:1px solid #3f51b5;}
#caton2 {background:#c0c0c0;color:#fff;border:1px solid #c0c0c0;}
#caton2:hover {background:#3f51b5;color:#fff;border:1px solid #3f51b5;}

.menu_wrap { width:100%; margin:0 auto; height:60px;font-family:Noto Sans KR;overflow:hidden;}
.menu_wrap h1 {position:relative;float:left;width:150px;padding-left:20px;text-align:left;height:60px;}
.menu_wrap h1 img{margin-top:-5px;}
.menu_wrap a {text-align:left;font-size:14px;letter-spacing:0px;margin-top:0px;color:#000;font-family:S-CoreDream-4Regular;font-weight:400;}
.menu_wrap ul#gnb { float:left;height:40px;width:calc(100% - 170px);padding-top:15px;font-family:Noto Sans KR;font-weight:600;}
.menu_wrap ul#gnb > li { float:left; padding-left:30px;height:40px;}
.menu_wrap ul#gnb > li:first-child { padding-left:30px;}
.menu_wrap ul#gnb > li > a { display:block;}
.menu_wrap ul#gnb > li > a.on { color:#ff3300;}
.menu_wrap ul#gnb > li > a:hover { color:#ff3300;}
.menu_wrap ul#gnb ul {position:absolute;display:none;left:0;top:60px;width:100%;height:auto;background:#fff;border-bottom:1px solid #ddd;}
.menu_wrap ul#gnb ul div.submenu1 {width:90%;margin:0 auto;height:200px;padding-top:0px;}
.menu_wrap ul#gnb ul div.submenu2 {width:100px;height:60px;padding-top:2px;}
.menu_wrap ul#gnb ul div.submenu3 {width:100px;height:60px;padding-top:2px; }

.menu_wrap ul#gnb ul div li { margin-left:15px;}
.menu_wrap ul#gnb ul div li a { color:#333;font-family:nanum gothic;font-size:12px;font-weight:normal;}
.menu_wrap ul#gnb ul div li a:hover { color:#ff3300; }

#sititemtext{right:20px;}
#sititemtext a:hover { color:#ff3300;}

#sititemtext a{padding-left:20px;}

.topmenu {position:absolute;top:0px;right:20px;text-align:right;padding-top:1px;z-index:10;}
.topmenu a{font-family:Dotum;color:#666;font-size:11px;letter-spacing:-1px;}
.topmenu a:hover{color:#0066cc;}
.topmenu font{color:#ddd;font-size:8px;}

/* layout */
#subcontent {position:relative;width:1000px;height:auto;margin:0 auto;margin-top:30px; }
#boardsubject a{font-size:21px;color:#333;letter-spacing:-1px;}
#boardsubject a:hover {color:#4880ae;}

.mainimg { width:100%;height:900px;overflow:hidden;margin:0 auto;max-width:1920px;}

.maintitle {position:absolute;top:300px;width:100%;height:100px;z-index:1;text-align:center;}
.maintitle h1{width:100%;height:35px;color:#fff;font-size:29px;font-family:noto sans kr;}
.maintitle h2{width:100%;height:110px;color:#fff;font-size:79px;font-weight:bold;font-family:Montserrat;letter-spacing:-5px;}
.maintitle h2 span{padding-left:10px;padding-right:5px;font-size:50px;}
.maintitle h3{width:100%;height:50px;color:#fff;font-size:19px;font-family:noto sans kr;letter-spacing:-.5px;}

.mainimgsub { width:100%;height:200px;overflow:hidden;}
.mainimgsub div{ width:100%;height:200px;overflow:hidden;}

#mainprimg1 {display:block;}
#mainprimg2 {display:none;}
#mainprimg3 {display:none;}

.map_area li h1{width:98%;padding-left:2%;font-size:15px;font-family:nanum gothic;padding-top:7px;text-align:left;height:30px;border-bottom:1px dotted #ccc;}
.map_area li h1 span{color:#4a87bd;font-size:13px;margin-right:20px;}

.prdtype h1{width:121px;background:#f5f5f5;color:#333;float:left;font-size:15px;height:30px;padding-top:5px;text-align:center;letter-spacing:-.5px;border:1px solid #ccc;margin-left:-1px;margin-top:-1px;}
.prdtype h2{width:260px;float:left;font-size:15px;color:#333;height:30px;padding-top:5px;text-align:center;letter-spacing:-.5px;border:1px solid #ccc;margin-left:-1px;margin-top:-1px;}
.prdtype h3{width:121px;background:#f5f5f5;color:#333;float:left;font-size:15px;height:45px;padding-top:18px;text-align:center;letter-spacing:-.5px;border:1px solid #ccc;margin-left:-1px;margin-top:-1px;}
.prdtype h4{width:451.5px;float:left;color:#333;font-size:15px;height:55px;padding-top:8px;text-align:center;letter-spacing:-.5px;border:1px solid #ccc;margin-left:-1px;margin-top:-1px;}

.subtitle { width:100%;height:70px;border-bottom:1px dotted #aaa;margin-bottom:50px;font-size:33px;letter-spacing:-3px;}

.submenuarea {width:100%;height:45px;background:#4880ae;}

.submenu { width:820px;margin:0 auto;height:30px;padding-top:13px;}
.submenu a{ float:left;margin-left:32px;color:#fff;font-family:nanum gothic;font-size:15px;}
.submenu a:hover{color:#ccffff;}

.companyway {clear:both;position:relative;width:100%;height:80px;text-align:right;}
.companyway h1{width:auto;display:inline-block;padding-left:5px;padding-right:5px;font-size:13px;color:#000;text-align:right;font-family:nanumsquare;}
.companyway h1:hover {color:#0066cc;}
.companyway h2{width:auto;display:inline-block;padding-left:5px;padding-right:5px;font-size:13px;color:#000;text-align:right;font-family:nanumsquare;}

.companymid {clear:both;position:relative;width:100%;height:auto;padding-bottom:70px;font-size:0;border-top:1px solid #ccc;}
.companytitle {width:calc(100% - 670px);position:relative;display:inline-block;height:auto;font-size:22px;padding-left:30px;color:#222;font-weight:bold;font-family:nanumsquare;vertical-align:top;}

.companytitle .comaddr{clear:both;width:50%;height:auto;font-size:22px;margin-top:15px;}
.comaddrtitle {width:100%;display:inline-block;height:20px;font-size:16px;color:#777;font-weight:bold;font-family:nanumsquare;}
.comaddrcont {width:100%;display:inline-block;height:27px;margin:0;padding:0;font-size:17px;color:#222;font-weight:bold;font-family:nanumsquare;}

.companymid .top220 {margin-top:220px;}
.companymid .top100 {margin-top:100px;}

.companycont{position:relative;width:670px;display:inline-block;height:auto;padding-right:35px;padding-bottom:20px;letter-spacing:-0.5px;box-sizing:border-box;font-size:16px;font-weight:bold;line-height:180%;color:#676767;font-family:nanumsquare;vertical-align:bottom;}
.companycont span{color:#0c00fe;font-family:nanumsquare;font-weight:bold;letter-spacing:-0.5px;}

.companyconttext{width:405px;float:left;display:inline-block;height:auto;letter-spacing:-0.5px;box-sizing:border-box;font-size:16px;font-weight:bold;line-height:180%;color:#676767;font-family:nanumsquare;vertical-align:top;}
.companycontphoto {width:230px;text-align:right;float:left;display:inline-block;height:auto;letter-spacing:-0.5px;box-sizing:border-box;font-size:16px;font-weight:bold;line-height:180%;color:#676767;font-family:nanumsquare;vertical-align:top;}
.companycont span{color:#0c00fe;font-family:nanumsquare;font-weight:bold;letter-spacing:-0.5px;}

.companymid2 {clear:both;position:relative;width:100%;height:auto;padding-top:70px;padding-bottom:70px;font-size:0;border-top:1px solid #ccc;}
.companytitle2 {width:calc(100% - 870px);display:inline-block;height:auto;font-size:22px;padding-left:30px;color:#222;font-weight:bold;font-family:nanumsquare;vertical-align:top;}
.companycont2{width:850px;text-align:right;display:inline-block;height:auto;padding-right:35px;letter-spacing:-0.5px;box-sizing:border-box;font-size:16px;font-weight:bold;line-height:180%;color:#676767;font-family:nanumsquare;vertical-align:top;}

.companymid3 {clear:both;position:relative;width:100%;height:auto;padding-top:70px;padding-bottom:70px;font-size:0;border-top:1px solid #ccc;}
.companytitle3 {width:100%;display:inline-block;height:auto;font-size:22px;padding-left:30px;padding-bottom:50px;color:#222;font-weight:bold;font-family:nanumsquare;vertical-align:top;}
.companycont3{width:100%;text-align:right;display:inline-block;height:auto;padding-right:35px;letter-spacing:-0.5px;box-sizing:border-box;font-size:16px;font-weight:bold;line-height:180%;color:#676767;font-family:nanumsquare;vertical-align:top;}

.comimgbox {width:100%;height:auto;text-align:center;}
.comimgbox img{width:80%;height:auto;margin-left:10%;}
.comimgbox p{width:100%;text-align:center;height:auto;}

.ed { border:1px solid #CCCCCC; height:22px;} 
.ed1 { border:1px solid #dddddd; background-color:#eeeeee; height:20px; padding-top:3px; } 
.ed2 { border:0px solid #CCCCCC; background-color:#decec6; height:15px; padding-top:3px; } 
.ed3 { border:1px solid #888888; background-color:#999999; height:20px; padding-top:3px; color:#ffffff;} 
.ed4 { border:1px solid #cccccc; background-color:#f5f5f5; height:20px; padding-top:2px; font-size:12px; font-family:malgun gothic, nanumgothic, tahoma;} 
.ed5 { border:1px solid #cccccc; background-color:#fff5ed; height:20px; padding-top:2px;} 

.edtc { height:21px; border-width:1; border-color:#999999; border-style:solid; padding-top:2px;} 
.edtc2 { height:30px; border-width:3; border-color:#666666; border-style:solid; padding-top:6px;} 

.productshop li{clear:both;width:100%;height:35px;letter-spacing:-1px;}
.productshop li h1{ margin-left:5px;float:left;width:120px;font-size:16px;color:#333;}
.productshop li h2 strike{font-family:Montserrat;}
.productshop li h2{ float:left;font-size:16px;font-family:Montserrat;letter-spacing:0px;font-weight:bold;color:#333;}

.midicon {float:left;background:rgba(255,255,255,0.6);width:200px;font-size:26px;letter-spacing:-1px;margin-left:50px;height:140px;border-radius:200px;text-align:center;padding-top:60px;}
.midicon:hover {float:left;background:#4880ae;color:#fff;}

#btn_login {width:100%;font-size:14px;height:45px;background:#333;color:#fff;border:0px;font-family:S-CoreDream-4Regular;cursor:pointer;}
#btn_login:hover {background:#003366;transition:background 1s, opacity 0.1s;transition-delay:.1s;color:#fff;}

#btn_login_join {clear:both;width:100%;height:30px;margin-top:30px;font-size:15px;padding-top:6px;text-align:center;background:#ddd;border:1px solid #ccc;}
#btn_login_join:hover {background:#051c2a;transition:background 1s, opacity 0.1s;transition-delay:.1s;color:#fff;}

#programlist {width:30.33%;margin-left:1.5%;margin-right:1.5%;display:inline-block;vertical-align:top;height:auto;margin-top:20px;margin-bottom:30px;}
#programlist a:hover{color:#EC384F;}

#programlist2 {width:23%;margin-left:1%;margin-right:1%;display:inline-block;vertical-align:top;height:auto;margin-top:20px;margin-bottom:30px;}
#programlist2 a:hover{color:#EC384F;}

#imgcprogram {width:100%;height:auto;float:left;text-align:center;overflow:hidden;border:1px solid #ccc;padding:0px;}
#imgcprogram:hover {width:100%;border:1px solid #ccc;transition:transform 1s, border 0.1s;}
#imgcprogram img {width:100%;height:auto !important;}
#imgcprogram:hover img {width:100%;height:auto !important;transform:scale(1.1);transition:transform 1s, border 0.1s;}

.programlistcate {width:100%;padding:12px 0;text-align:center;height:25px;font-size:13px;margin-top:5px;color:#003366;font-family:nanumsquare;}
.programlistsubject {width:100%;height:auto;text-align:center;font-size:16px;padding-top:20px;font-family:nanumsquare;}
.programlistsubject:hover {color:#003366;}
.programlistdate {width:100%;height:25px;text-align:center;font-size:11px;margin-top:5px;color:#999;font-family:nanumsquare;}
.programlistcont {width:100%;padding:10px 0;text-align:center;height:auto;font-size:12px;margin-top:5px;color:#666;font-family:nanumsquare;}
.programlistcont:hover {color:#003366;}

.notice_num {padding-top:30px;float:left;position:relative;width:8%;height:45px;text-align:center;font-family:nanumsquare;}

.notice_img {padding-top:10px;float:left;position:relative;width:100px;height:48px;text-align:center;}

.notice_subject {padding-top:22px;float:left;position:relative;width:79%;font-size:16px;box-sizing:border-box;padding-left:20px;height:50px;text-align:left;overflow:hidden;}
.notice_subject2 {padding-top:22px;float:left;position:relative;width:calc(83% - 140px);font-size:16px;box-sizing:border-box;padding-left:20px;height:50px;text-align:left;overflow:hidden;}
.notice_date {padding-top:29px;float:left;position:relative;width:9%;height:45px;text-align:center;}

.notice_subject a{font-size:16px;letter-spacing:0px;font-family:nanumsquare;}
.notice_subject2 a{font-size:16px;letter-spacing:0px;font-family:nanumsquare;}

.qna_num {padding-top:13px;float:left;position:relative;width:10%;height:40px;text-align:center;}
.qna_subject {padding-top:12px;padding-bottom:12px;float:left;position:relative;font-family:nanumsquare;width:68%;height:auto;color:#000;font-size:17px;text-align:left;overflow:visible;}
.qna_subject a{color:#333;}
.qna_subject a:hover{color:#ff0033;}
.qna_name {padding-top:12px;float:left;position:relative;width:auto;height:40px;width:10%;text-align:center;}
.qna_date {padding-top:12px;float:left;position:relative;width:auto;height:40px;text-align:center;width:12%;}


.history_subject {padding-top:25px;float:left;position:relative;width:calc(100% - 470px);box-sizing:border-box;padding-left:20px;height:47px;text-align:left;overflow:hidden;}
.history_area {padding-top:25px;float:left;position:relative;width:250px;box-sizing:border-box;padding-left:20px;height:47px;text-align:left;overflow:hidden;}
.history_date {padding-top:28px;float:left;position:relative;width:220px;height:47px;text-align:center;}

.btn_list {margin:0 auto;width:93%}
.btn_list input, .btn_list button {background:none repeat scroll 0 0 #617D46;border:0 none;color:#FFFFFF;height:28px;line-height:2.2em;padding:0 15px;vertical-align:middle}

.btn_comlistar {width:100%;height:80px;border-bottom:1px solid #ddd;text-align:right;}
.btn_comwritear {clear:both;width:100%;padding-right:0px;box-sizing:border-box;height:80px;background:#fff;border-bottom:0px solid #ddd;border-top:1px solid #ddd;text-align:right;}

.btn_comlist {width:180px;height:40px;float:right;text-align:center;padding-top:10px;font-size:16px;font-family:nanumsquare;background:#333;color:#fff;margin-top:15px;}
.btn_comlist:hover {background:#003366;transition:background 1s, opacity 0.1s;transition-delay:.1s;color:#fff;}

.btn_comwrite {width:20%;min-width:200px;height:40px;float:right;font-size:14px;text-align:center;font-family:nanumsquare;padding-top:11px;background:#051c2a;color:#fff;margin-top:20px;}
.btn_comwrite:hover {background:#003366;transition:background 1s, opacity 0.1s;transition-delay:.1s;color:#fff;}

.btn_comwritelist {width:15%;height:40px;margin-right:5px;float:right;font-size:15px;line-height:14px;text-align:center;padding-top:12px;background:#ddd;color:#333;margin-top:15px;font-family:nanumsquare;}
.btn_comwritelist2 {width:15%;height:40px;margin-right:5px;float:right;font-size:15px;text-align:center;padding-top:12px;background:#ddd;color:#333;margin-top:15px;font-family:nanumsquare;}

.btn_comwritelist:hover {background:#999;transition:background 1s, opacity 0.1s;transition-delay:.1s;color:#fff;}
.btn_comwritelist2:hover {background:#999;transition:background 1s, opacity 0.1s;transition-delay:.1s;color:#fff;}

.btn_comwritesubmit {width:20%;min-width:200px;height:40px;float:right;font-size:14px;text-align:center;font-family:nanumsquare;padding-top:0px;background:#051c2a;color:#fff;margin-top:15px;cursor:pointer;}
.btn_comwritesubmit:hover {background:#003366;transition:background 1s, opacity 0.1s;transition-delay:.1s;color:#fff;}


.h1eduprogram {width:50%;float:left;height:180px;padding-top:20px;}

.h1eduprogramimg{width:230px;text-align:left;float:left;height:180px;}
.h1eduprogramimg img{width:220px;height:150px;}
.h1eduprogramtext{width:calc(90% - 230px);float:left;text-align:left;height:180px;}
.h1eduprogramtext h1{width:50px;height:15px;padding-top:0px;background:#ff9900;color:#fff;font-size:10px;padding-left:0px;margin-top:0px;font-family:nanumsquare;font-weight:normal;text-align:center;}
.h1eduprogramtext h2{clear:both;width:100%;height:20px;overflow:hidden;font-size:16px;color:#000;font-family:nanumsquare;text-align:left;padding-top:7px;}
.h1eduprogramtext h3{width:100%;padding-top:10px;overflow:hidden;height:61px;font-size:11px;letter-spacing:0px;font-family:nanumsquare !important;color:#666;font-weight:normal;text-align:left;}
.h1eduprogramtext h4{width:100%;height:20px;padding-top:10px;overflow:hidden;font-size:10px;font-family:nanumsquare;color:#999;font-weight:normal;text-align:left;}
.h1eduprogramtext h2:hover {color:#ff3300;}
.h1eduprogramtext h3:hover {color:#ff3300;}

.btn_qnawritear {clear:both;width:100%;box-sizing:border-box;height:80px;background:#fff;border-bottom:0px solid #ddd;border-top:1px solid #ddd;text-align:center;padding-top:30px;}
.btn_qnawritesubmit {width:20%;min-width:200px;font-size:16px;height:45px;text-align:center;font-family:nanumsquare;padding-top:0px;background:#fff;border:1px solid #003366;border-radius:25px;color:#003366;margin-top:15px;cursor:pointer;}
.btn_qnawritesubmit:hover {background:#003366;transition:background 1s, opacity 0.1s;transition-delay:.1s;color:#fff;}

.qnali {float:left;width:50%;height:50px;}
.qnali .qnalisub {float:left;width:60px;height:50px;padding-top:10px;font-family:nanumsquare;}
.qnali .qnalicon {float:left;width:calc(100% - 60px);height:50px;font-family:nanumsquare;}
.qnali .qnalicon .qnaliconspan {color:#666;cursor:pointer;font:14px S-CoreDream-4Regular;vertical-align:top;}
.qnali .qnalicon .qnaliconspan:hover {color:#003366;}

/*pageing*/
.content_page{display:block;clear:both;position:relative;width:100%;padding:35px 0;text-align:center;zoom:1;overflow:hidden}
.content_page a,.content_page strong{display:inline-block;position:relative;_width:26px;margin-right:-2px;padding:7px 8px 7px 8px;border:1px solid #fff;font:bold 13px Verdana;line-height:normal;color:#000;text-decoration:none;min-width:18px;_min-width:26px}
.content_page strong{border:1px solid #003366;background:#003366;color:#fff !important;z-index:100;margin-left:-6.5px;}
.content_page a{border:1px solid #e9e9e9;background:#fff;margin-left:-6.5px;}
.content_page .kkk:hover{background:#333;color:#fff;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.5s;}
.content_page .mpre,.content_page .mnext{display:inline-block;border:0px solid #e9e9e9;font:12px S-CoreDream-4Regular;font-weight:normal;color:#565656}
.content_page .mpre{margin-right:2px;border:0px;padding:6px 10px 3px 6px;}
.content_page .mnext{margin-left:0px;border:0px;padding:6px 0px 3px 6px;}
.content_page .mpre:hover{border:0px;background:#fff;color:#003366;}
.content_page .mnext:hover{border:0px;background:#fff;color:#003366;}

.content_page .mpre2,.content_page .mnext2{display:inline-block;border:0px solid #e9e9e9;font:12px S-CoreDream-4Regular;font-weight:normal;color:#565656}
.content_page .mpre2{margin-right:0px;border:0px;padding:6px 6px 3px 0px;}
.content_page .mnext2{margin-left:5px;border:0px;padding:6px 10px 3px 0px;}
.content_page .mpre2:hover{border:0px;background:#fff;color:#003366;}
.content_page .mnext2:hover{border:0px;background:#fff;color:#003366;}





.subpic {width:100%;margin:0 auto;height:35px;text-align:left; }
.subpic_wrapper {position:absolute;width:100%; background:rgb(51,51,51,0.7);margin:0 auto; margin-top:-35px; height:35px; line-height:30px;text-align:left; }
.subpic_wrapper_area {width:100%;margin:0 auto;padding-left:0px;padding-right:0px;max-width:768px;margin-top:0px; height:35px; text-align:center;font-size:0; }
.subpic_wrapper h1{display:inline-block;width:auto;text-align:center;height:35px;font-size:12px;padding:2px 11px 0 11px;font-family:nanumsquare;transition:background 0.1s;color:#fff;font-weight:normal;letter-spacing:-.5px;}
.subpic_wrapper h2{display:inline-block;width:auto;text-align:center;height:35px;font-size:12px;padding:2px 11px 0 11px;font-family:nanumsquare;transition:background 0.1s;color:#fff;font-weight:normal;letter-spacing:-.5px;}
.subpic_wrapper h3{display:inline-block;width:auto;text-align:center;height:35px;font-size:12px;padding:2px 11px 0 11px;font-family:nanumsquare;transition:background 0.1s;color:#fff;font-weight:normal;letter-spacing:-.5px;}
.subpic_wrapper h4{display:inline-block;width:auto;text-align:center;height:35px;font-size:12px;padding:2px 20px 0 20px;font-family:nanumsquare;transition:background 0.1s;color:#fff;font-weight:normal;letter-spacing:0px;}
.subpic_wrapper h1:hover{background:#666;cursor:pointer;transition:background 0.1s;}
.subpic_wrapper h2:hover{background:#666;cursor:pointer;transition:background 0.1s;}
.subpic_wrapper h3:hover{background:#666;cursor:pointer;transition:background 0.1s;}
.subpic_wrapper h4:hover{background:#666;cursor:pointer;transition:background 0.1s;}

.subpic_menuon {background:#fff;cursor:pointer;color:#000 !important;transition:background 0.1s;}




.subpic1 {width:80%;margin:0 auto;height:250px;text-align:center; }
.subpic_wrapper1 {position:absolute;width:80%; background:#fff;margin:0 auto; margin-top:-100px;height:220px; line-height:30px;text-align:center; }
.subpic_wrapper1 h1{ font-size:35px;margin-top:10px;font-family:Montserrat;font-weight:600;color:#000;letter-spacing:5px;}
.subpic_wrapper1 h2{width:85%;margin:0 auto;line-height:25px;font-size:15px;padding-top:30px;margin-top:10px;font-weight:300;letter-spacing:-.5px;}
.subpic_wrapper1 h3{width:85%;margin:0 auto;line-height:25px;font-size:15px;margin-top:10px;font-weight:300;letter-spacing:0px;font-family:S-CoreDream-4Regular;color:#666;}
.subpic_wrapper1 h5{ font-size:13px;margin-top:40px;font-family:Montserrat;font-weight:400;color:#000;letter-spacing:8px;}

.adviewyoutube {width:100%;float:left;height:auto;margin:0 auto;text-align:left;padding-top:15px;padding-bottom:30px;line-height:130%;box-sizing:border-box;}
.adviewsubject {width:100%;padding-left:0px;float:left;height:auto;text-align:left;padding-top:15px;box-sizing:border-box;}

.adview {width:100%;height:auto;margin:0 auto;text-align:left;padding-bottom:2px;padding-top:30px;border-top:2px dotted #ccc;}
.adviewtitle {width:100%;height:auto;margin:0 auto;text-align:left;padding-bottom:0px;}
.adviewtitle span{font-size:25px;letter-spacing:-1px;line-height:120%;color:#000;font-family:Noto Sans KR;}

#aboutmovie {width:100%;height:315px;}


}

@media (max-width:500px) {

.mark1 {width:100%;height:auto;text-align:center;margin-top:30px;display:none;}
.mark1m {width:100%;height:auto;text-align:center;margin-top:30px;display:block;}
.mark1s {width:100%;height:auto;text-align:center;margin-top:30px;display:none;}
.mark2 {width:100%;height:auto;text-align:center;margin-top:30px;display:none;}
.mark2m {width:100%;height:auto;text-align:center;margin-top:30px;display:block;}
.mark2s {width:100%;height:auto;text-align:center;margin-top:30px;display:none;}
.mark3 {width:100%;height:auto;text-align:center;margin-top:30px;display:none;}
.mark3m {width:100%;height:auto;text-align:center;margin-top:30px;display:block;}
.mark3s {width:100%;height:auto;text-align:center;margin-top:30px;display:none;}
.mark4 {width:100%;height:auto;text-align:center;margin-top:30px;display:none;}
.mark4m {width:100%;height:auto;text-align:center;margin-top:30px;display:block;}
.mark4s {width:100%;height:auto;text-align:center;margin-top:30px;display:none;}
.mark5 {width:100%;height:auto;text-align:center;margin-top:30px;display:none;}
.mark5m {width:100%;height:auto;text-align:center;margin-top:30px;display:block;}
.mark5s {width:100%;height:auto;text-align:center;margin-top:30px;display:none;}


.subpic1 {width:80%;margin:0 auto;height:220px;text-align:center; }
.subpic_wrapper1 {position:absolute;width:80%; background:#fff;margin:0 auto; margin-top:-100px;height:180px; line-height:30px;text-align:center; }
.subpic_wrapper1 h1{ font-size:30px;margin-top:10px;font-family:Montserrat;font-weight:600;color:#000;letter-spacing:3px;}
.subpic_wrapper1 h2{width:85%;margin:0 auto;line-height:22px;font-size:15px;padding-top:30px;margin-top:0px;font-weight:300;letter-spacing:0px;}
.subpic_wrapper1 h3{width:85%;margin:0 auto;line-height:30px;font-size:15px;margin-top:5px;font-weight:300;letter-spacing:0px;font-family:S-CoreDream-4Regular;color:#666;}
.subpic_wrapper1 h5{ font-size:13px;margin-top:30px;font-family:Montserrat;font-weight:400;color:#000;letter-spacing:5px;}

#aboutmovie {width:100%;height:210px;}

}


@media (max-width:900px) {
.hd_menuov_menu {width:350px;}
.hd_menuov_menu a{font-size:14px;margin-right:15px;}
}


#hdov #sch_str {float:left;padding-left:15px;width:80%;height:35px;border-radius:30px 0 0 30px;border:2px solid #000;background:#fff;border-right:0;color:#000}
#hdov #sch_submit {float:left;width:40px;height:33px;border:0;background:#2c2c2c;color:#fff;border-radius:0 30px 30px 0;padding-top:1px;margin-top:2px;cursor:pointer;font-size:16px}

#mainmenubtn {float:left;width:200px;height:50px;border:0;background:#fff;text-align:left;color:#000;padding:10px 20px;font-size:18px;}

#topmenubtn {width:50px;height:55px;padding-left:5px;margin:0 auto;}

#maincommorebtn {position:relative;font-family:Montserrat;margin-top:10px;width:40px;margin-left:22%;height:15px;letter-spacing:0px;float:right;text-align:center;font-weight:600;font-size:10px;background:#EC3950;color:#fff;padding-top:2px;}

#advimg {width:100%;height:400px;background:#fff;overflow:hidden;}
#advimg .mainimgarea {width:100%;margin:0 auto;height:400px;overflow:hidden;}
#advimg .mainimgbig {width:100%;margin:0 auto;height:400px;}

#advimg .advimgbig {width:100%;margin:0 auto;height:400px;}

#advcommorebtn {position:relative;font-family:Montserrat;margin-top:10px;width:40px;margin-left:22%;height:15px;letter-spacing:0px;float:right;text-align:center;font-weight:600;font-size:10px;background:#EC3950;color:#fff;padding-top:2px;}

#advimg .advimgmos {width:100%;float:left;margin:0 auto;height:auto;}


#advimgtitle {width:100%;height:auto;position:absolute;text-align:center;color:#fff;margin-top:120px;z-index:1;font-size:70px;letter-spacing:20px;}
#advimgtitle2 {width:100%;height:auto;position:absolute;text-align:center;color:#fff;margin-top:200px;z-index:1;font-size:20px;letter-spacing:10px;}

.maincom {width:32.5%;height:180px;float:left;border:1px solid #ddd;background:#fcfcfc;margin-right:1%;margin-left:-2px;}
.maincom:first-child {margin-left:0px;}
.maincom:last-child {margin-right:0%;}
.maincom h1{font-size:19px;height:37px;font-weight:400;margin-bottom:5px;letter-spacing:-1px;margin-top:10px;padding-left:5px;margin-left:20px;margin-right:20px;border-bottom:2px solid #333;}
.mainsub1 {width:52%;overflow:hidden;height:30px;border-bottom:1px dotted #ccc;float:left;font-size:13px;padding-left:8px;margin-left:5%;line-height:29px;font-family:nanum gothic;}
.mainsub2 {width:20%;color:#666;overflow:hidden;height:30px;border-bottom:1px dotted #ccc;float:left;font-size:12px;padding-left:8px;line-height:29px;font-family:nanum gothic;}
.mainsub3 {width:18%;text-align:right;color:#666;overflow:hidden;height:30px;border-bottom:1px dotted #ccc;float:left;font-size:11px;padding-left:8px;line-height:29px;margin-right:5%;font-family:nanum gothic;}

.mainsub1mb {width:57%;overflow:hidden;height:30px;border-bottom:1px dotted #ccc;float:left;font-size:13px;padding-left:8px;line-height:29px;font-family:nanum gothic;}
.mainsub2mb {width:23%;color:#666;text-align:center;overflow:hidden;height:30px;border-bottom:1px dotted #ccc;float:left;font-size:12px;padding-left:8px;line-height:29px;font-family:nanum gothic;}
.mainsub3mb {width:20%;text-align:center;color:#666;overflow:hidden;height:30px;border-bottom:1px dotted #ccc;float:left;font-size:11px;padding-left:8px;line-height:29px;font-family:nanum gothic;}

.mainsub1 a:hover{color:#EC3950;}
.mainsub1 a:hover{color:#EC3950;}
.mainsub1 a:hover{color:#EC3950;}

#imgcmyplants img{width:100% !important;height:auto !important;}
#maincommobile {display:none;}
#mainmobilegardening {display:none;}


@media (max-width:800px) {
#hd_sch #sch_str {float:left;width:255px;height:45px;padding-left:15px;border-radius:30px 0 0 30px;border:2px solid #000;background:#fff;border-right:0;color:#000}
#hd_sch #sch_submit {float:left;width:50px;height:45px;border:0;background:#000;color:#fff;border-radius:0 30px 30px 0;padding-top:4px;cursor:pointer;font-size:16px}
}


/*사이드 메뉴*/
#side_menu {height:100%;position:fixed;top:0;right:0;background:#fff;border-left:1px solid #e5e7ea;z-index:10;padding-left:50px;z-index:101;}

#quick {position:absolute;top:22%;left:0;width:50px;}
#quick li {position:relative}
#quick li button {width:50px;height:50px;border:0;font-size:19px;font-weight:normal;background:#fff;color:#495057}
#quick .qk_tit {display:none;position:absolute;top:12px;right:60px;white-space:pre;padding:0 15px;line-height:30px;background:#000;color:#fff;font-size:0.75em;border-radius:5px}
#quick .qk_tit:after {content:"";position:absolute;top:10px;right:-8px;display:inline-block;width:0;height:0;border-style:solid;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #000;color:transparent}
#quick li:hover .qk_tit {display:block}

#tabs_con {height:100%;text-align:left}

.side_mn_wr1 {display:none;width:230px;overflow-y:auto;height:100%}
.side_mn_wr2 {display:none;width:230px;overflow-y:auto;height:100%}
.side_mn_wr3 {display:none;width:230px;overflow-y:auto;height:100%}
.side_mn_wr4 {display:none;width:230px;overflow-y:auto;height:100%}
.btn_sm_on i {color:#000}

.qk_con {display:none;position:relative;width:230px;height:100%;background:#fff;border-left:1px solid #f0f0f0;font-family:S-CoreDream-4Regular;}
.qk_con h2.s_h2 {position:relative;margin:0;font-family:S-CoreDream-4Regular;font-size:16px;padding:15px;border-bottom:1px solid #e5e7ea}
.qk_con h2.s_h2 span {display:inline-block;min-width:20px;padding:2px 8px;border-radius:30px;text-align:center;background:#000;color:#fff;font-size:0.7em;font-weight:normal;vertical-align:text-bottom}
.qk_con_wr {padding:0;height:100%;overflow-y:hidden}
.qk_con_wr .btn_side_shop {position:relative;width:100%;height:30px;background:none;border:0;text-align:left;font-weight:bold}
.qk_con_wr .btn_side_shop span {position:absolute;top:5px;right:0;padding:0 5px;line-height:20px;border-radius:10px;color:#fff;background:#ed1c24}
.qk_con_wr .con_close {position:fixed;top:0;right:230px;width:50px;height:50px;border:0;background:none;font-size:25px;color:#dedede}
.qk_con_wr .con_close:hover {color:rgba(0,0,0,0.8)}
.qk_con_wr .side_tnb {padding:25px;font-family:S-CoreDream-4Regular;font-size:14px;}
.qk_con_wr .side_tnb li a {display:block;line-height:28px;color:#465168;padding:5px 0;padding-left:10px;}
.qk_con_wr .side_tnb li:hover a {color:#000}

#category {display:none;position:absolute;margin-top:50px;border:1px solid #000;width:99%;overflow:hidden;background:#fff;z-index:1000;}
#category .categorysubject {width:15%;float:left;height:300px;background:#f5f5f5;}
#category .categorycont {width:85%;float:left;height:auto;}
#category .categorysubject li{width:100%;float:left;height:40px;}
#category .keywordsubject {width:15%;float:left;height:auto;font-size:15px;text-align:center;background:#000;}
#category .keywordcont {width:85%;float:left;height:auto;background:#000;}
#category .keywordsubject li{width:100%;float:left;height:45px;color:#fff;padding-top:10px;}
#category .keywordcont li{width:auto;float:left;margin-left:15px;height:45px;font-size:13px;color:#ffffcc;padding-top:12px;}


#mainmenuallpage {display:none;position:absolute;top:80px;margin:0 auto;height:auto;width:100%;overflow:hidden;z-index:1000;background:#fff;border-bottom:1px solid #000;box-sizing:border-box;}
#mainmenuallpage .mainmenuallpagearea{margin:0 auto;height:auto;width:99%;max-width:1250px;padding-bottom:22px;padding-top:5px;overflow:hidden;background:#fff;z-index:1000;}

#maincategory {width:100%;max-width:1300px;!max-width:1250px;!min-width:1200px;overflow:hidden;overflow-x:hidden;max-height:450px;margin:0 auto}

#maincategory .maincategorysubject {float:left;width:100%;height:auto;}
#maincategory .maincategorysubject li{width:15%;padding-right:1%;float:left;background:#fff;padding-top:20px;height:100%;z-index:10;overflow:hidden;box-sizing:border-box;}
#maincategory .maincategorysubject li:nth-child(1){width:18%;}
#maincategory .maincategorysubject li:nth-child(2){width:17%;}
#maincategory .maincategorysubject li:nth-child(3){width:15%;}
#maincategory .maincategorysubject li:nth-child(4){width:16%;}
#maincategory .maincategorysubject li:nth-child(6){width:18%;}

#maincategory .maincategorysubject h1{width:100%;padding-left:7px;text-align:left;height:35px;letter-spacing:-0.5px;font-size:18px;font-family:noto sans kr;font-weight:normal;color:#000;box-sizing:border-box;}
#maincategory .maincategorysubject h1 a{color:#000;font-family:S-CoreDream-4Regular;font-size:16px;}
#maincategory .maincategorysubject h1 a:hover{color:#000}

#maincategory .maincategorysubject h2{width:100%;padding-left:1%;text-align:left;height:23px;padding-top:3px;margin-top:3px;z-index:10;font-size:13px;font-weight:normal;font-family:Nanum gothic;letter-spacing:0px;color:#666;box-sizing:border-box;}
#maincategory .maincategorysubject h2 {color:#555}
#maincategory .maincategorysubject h2:hover{background:#000;color:#fff;border-radius:5px;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.2s; transition-delay:0s, 0s, 0s, 0.1s}

#mainkeywordcont{width:47%;float:left;height:auto;overflow:hidden;box-sizing:border-box;}

#maincategory .mainkeywordcont {width:100%;float:left;height:auto;overflow:hidden;}
#maincategory .mainkeywordcont li{width:auto;float:left;border-radius:30px;background:#eee;margin-top:4px;padding:0 12px 0 12px;margin-right:4px;font-family:S-CoreDream-4Regular;height:23px;font-size:11px;color:#333;padding-top:4px;}
#maincategory .mainkeywordcont li:hover{background:#000;color:#fff;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.2s; transition-delay:0s, 0s, 0s, 0.1s}

#maincategory .mainkeywordcont h1{width:100%;text-align:left;height:20px;margin-top:20px;font-size:13px;letter-spacing:-0.5px;font-family:Montserrat,Noto sans kr;color:#000}

#maincategory .mainkeywordcont2 {width:100%;float:left;height:auto;overflow:hidden;}
#maincategory .mainkeywordcont2 li{width:auto;float:left;border-radius:30px;background:#fff;margin-top:5px;border:1px solid #ddd;padding:0 8px 0 8px;margin-right:4px;font-family:S-CoreDream-4Regular;height:27px;font-size:11px;color:#666;padding-top:4px;}
#maincategory .mainkeywordcont2 li:hover{background:#000;color:#fff;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.2s; transition-delay:0s, 0s, 0s, 0.1s}
#maincategory .mainkeywordcont2 li span{font-size:9px;letter-spacing:-.5px;}

#maincategory .mainkeywordcont2 h1{width:100%;text-align:left;height:20px;margin-top:20px;font-size:13px;letter-spacing:-0.5px;font-family:Montserrat,Noto sans kr;color:#000}

#maincategory .maincommunitysubject {float:left;width:10%;padding-left:1%;height:auto;box-sizing:border-box;}
#maincategory .maincommunitysubject li{width:100%;float:left;padding-top:2px;height:100%;z-index:10;overflow:hidden;}
#maincategory .maincommunitysubject li:last-child{border-right:0px;}
#maincategory .maincommunitysubject h1{width:100%;text-align:left;height:20px;margin-top:20px;font-size:13px;letter-spacing:-0.5px;font-family:Montserrat,Noto sans kr;color:#000}
#maincategory .maincommunitysubject h2{width:100%;margin-top:3px;color:#555;float:left;background:#f5f5f5;text-align:center;padding-top:6px;font-weight:normal;height:30px;border:1px solid #ddd;z-index:10;font-size:12px;font-family:S-CoreDream-4Regular;letter-spacing:-.5px;}
#maincategory .maincommunitysubject h2:hover{background:#000;color:#fff;border:1px solid #000;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.2s; transition-delay:0s, 0s, 0s, 0.1s}
#maincategory .maincommunitysubject h3{width:100%;margin-top:3px;color:#555;float:left;background:#fff;text-align:center;padding-top:5px;font-weight:normal;height:30px;border:1px solid #ddd;z-index:10;font-size:12px;font-family:S-CoreDream-4Regular;letter-spacing:-.5px;}
#maincategory .maincommunitysubject h3:hover{background:#000;color:#fff;border:1px solid #000;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.2s; transition-delay:0s, 0s, 0s, 0.1s}

#maincategory .mainbannersubject {float:left;width:10%;margin-left:1%;margin-top:12px;height:auto;text-align:right;}
#maincategory .mainbannersubject h1 img{border:1px solid #ddd;}

#topmenuallpage {display:none;position:fixed;top:111px;margin:0 auto;height:auto;width:100%;overflow:hidden;z-index:1000;background:#fff;border-bottom:1px solid #000;}
#topmenuallpage .topmenuallpagearea{margin:0 auto;height:auto;width:99%;max-width:1250px;padding-bottom:22px;padding-top:5px;overflow:hidden;background:#fff;z-index:1000;}

#topmenuallpage li{width:100%;height:auto;text-align:center;background:#000;border-bottom:0px;}
#topmenuallpage li a{display:inline-block;width:auto;height:auto;color:#fff;padding-top:8px;height:32px;z-index:10;overflow:hidden;text-align:center;margin-right:30px;font-family:S-CoreDream-4Regular;font-size:13px;}
#topmenuallpage li a:hover{color:#ffffcc;}


#topcategory .topcategorysubject {float:left;width:78%;height:auto;}
#topcategory .topcategorysubject li{width:100%;border-bottom:1px dotted #ddd;padding-top:12px;height:45px;z-index:10;overflow:hidden;}
#topcategory .topcategorysubject h1{width:auto;max-width:15%;padding-left:2%;float:left;height:40px;z-index:10;font-size:15px;font-family:Montserrat,Noto sans kr;letter-spacing:-1px;color:#000}
#topcategory .topcategorysubject h1 a{color:#000}
#topcategory .topcategorysubject h1 a:hover{color:#ff0066}
#topcategory .topcategorysubject h2{width:auto;float:left;height:40px;color:#666;}
#topcategory .topcategorysubject h2 span{font-family:Montserrat,Noto sans kr;font-weight:400;font-size:14px;color:#999;margin-left:20px;}
#topcategory .topcategorysubject h2 span a:hover{color:#000;}

#topcategory .topkeywordcont {width:22%;float:left;height:auto;overflow:hidden;}
#topcategory .topkeywordcont h1{width:100%;height:25px;margin-top:12px;font-size:15px;font-family:Montserrat,Noto sans kr;color:#000}
#topcategory .topkeywordcont li{width:100%;width:auto;float:left;border-radius:30px;background:#eee;margin-top:10px;padding:0 10px 0 10px;margin-right:10px;height:33px;font-size:13px;color:#333;padding-top:10px;}
#topcategory .topkeywordcont li:hover{background:#000;color:#fff;}

#mtopcategory  {width:95%;padding-left:3.5%;height:auto;overflow:hidden;padding-top:10px;}
#mtopcategory li{width:auto;float:left;border-radius:30px;background:#eee;margin-top:7px;padding:7px 7px 0 7px;margin-left:5px;height:25px;font-size:11px;font-family:S-CoreDream-4Regular;color:#333;}
#mtopcategory li:hover{background:#000;color:#fff;}
#mtopcategory h1{float:left;width:100%;margin-top:10px;height:20px;padding-left:2%;font-size:13px;color:#000;font-family:S-CoreDream-4Regular;box-sizing:border-box;}

#mtopsubmenu  {width:100%;padding-left:2%;height:auto;overflow:hidden;padding-top:0px;}
#mtopsubmenu  li{width:100%;padding:0px 10px 0 10px;height:36px;font-size:15px;color:#333;}
#mtopsubmenu  h1{width:32%;font-weight:400;float:left;border:1px solid #ddd;text-align:center;padding:7px 0px 0 0px;margin-top:1%;margin-right:1%;height:36px;font-size:13px;color:#000;}
#mtopsubmenu  h2{width:48.5%;background:#f5f5f5;font-weight:400;float:left;border:1px solid #ddd;text-align:center;padding:7px 0px 0 0px;margin-top:1%;margin-right:1%;height:36px;font-size:13px;color:#000;}

#category h2 {font-size:1.3em;padding:15px 20px;border-bottom:1px solid #e7eeef}
#category ul:after {display:block;visibility:hidden;clear:both;content:""}
#category ul li:nth-child(5n+1) {border-left:0}
#category .cate_li_1 {float:left;width:20%;min-height:300px;padding:20px;border-left:1px solid #e7eeef}
#category .cate_li_1_a {font-size:21px;display:block;position:relative;margin-bottom:10px;font-weight:400;letter-spacing:-1px;color:#000}
#category .cate_li_2 {line-height:26px;font-family:Montserrat,Noto sans kr;font-size:14px;}
#category .cate_li_2 a {color:#555}
#category .close_btn {position:absolute;top:0;right:0;width:70px;height:70px;background:#fff;color:#b6b9bb;border:0;vertical-align:top;font-size:12px}
#category_all_bg {display:none;background:rgba(0,0,0,0.1);width:100%;height:100%;position:fixed;left:0;top:0;z-index:999}
#category .no-cate{text-align:center;padding:15px}

#mainkeywordmenu .mainkeywordcont {width:100%;height:auto;text-align:center;padding-top:10px;padding-bottom:10px;margin-bottom:50px;margin-left:-10px;}
#mainkeywordmenu .mainkeywordcont li{width:auto;cursor:pointer;background:#f5f5f5;padding-left:25px;padding-right:25px;border-radius:30px;letter-spacing:-1px;display:inline-block;margin-left:10px;height:35px;font-family:S-CoreDream-4Regular;font-size:13px;color:#333;margin-top:10px;padding-top:8px;}
#mainkeywordmenu .mainkeywordcont li:hover{background:#aaa !important;color:#fff !important;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.2s; transition-delay:0s, 0s, 0s, 0.1s}

#farmtopsubject {display:none;}
#farmimgarea {width:50%;float:left;height:auto;}

#farmtopimg {width:100%;float:left;height:auto;}
#farmsubimg {width:100%;float:left;height:auto;margin-top:5px;padding-bottom:50px;}
#farmsubimg img{width:80px !important;height:auto;margin-right:5px;cursor:pointer;}

#farmtopimg img{width:100% !important;height:auto;}
#farmcontarea {margin-left:3%;width:47%;height:auto;font-size:15px;float:left;padding-bottom:50px;}

#farmmapar {width:48%;margin-left:1%;margin-right:1%;float:left;height:80px;margin-top:40px;border-bottom:1px dotted #ccc;}

#farmmapsubject {display:inline-block;width:55%;padding-left:15px;height:50px;vertical-align:top;line-height:25px;overflow:hidden;}
#farmmapimg {display:inline-block;text-align:right;width:44%;vertical-align:top;}
#farmmapimg img{width:23%;height:auto;}


#farmtabmenu { width:100%;margin-top:30px;height:70px; }
#farmtabmenu li{ width:25%;height:40px;padding-top:6px;font-size:17px;}



#contitem {clear:both;width:100%;height:100px;padding-top:30px;font-size:25px;letter-spacing:-2px;}
#contitemmobile {display:none;}

#listkeywordicon3_m {clear:both;width:90%;margin:0 auto;height:auto;padding-bottom:20px;padding-top:15px;}
#listkeywordicon3_m h1{float:left;width:100%;height:27px;font-size:13px;color:#000;font-family:S-CoreDream-4Regular;box-sizing:border-box;}
#listkeywordicon3_m li{float:left;width:16.4%;margin-left:-1px;margin-top:-1px;border:1px solid #bbb;padding:12px 0px 0 0px;height:40px;line-height:13px;font-size:12px;color:#000;text-align:center;letter-spacing:-.5px;font-family:S-CoreDream-4Regular;box-sizing:border-box;}
#listkeywordicon3_m li:hover{background:#f2faf6;color:#000;border-top:1px solid #ddd;border-bottom:1px solid #ddd;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.2s; transition-delay:0s, 0s, 0s, 0.1s;}
#listkeywordicon3_m .on{background:#000;color:#fff;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#listkeywordicon3_m .on a{color:#fff;}
#listkeywordicon3_m .on a:hover{color:#000;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.2s; transition-delay:0s, 0s, 0s, 0.1s;}
#listkeywordicon3_m span{font-size:10px;color:#000;}

#keywordbtn {width:100%; height:30px; padding-top:6px;font-weight:bold;border:1px solid #ccc;color:#000;margin-top:13px;letter-spacing:-0.5px;font-size:11px;text-align:center;border-radius:105px;cursor:pointer;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.2s; transition-delay:0s, 0s, 0s, 0.1s;} 
#keywordbtn:hover{background:#000;color:#fff;border:1px solid #000;} 
#keywordbtn2 {display:none;width:100%; height:30px; padding-top:6px;font-weight:bold;border:1px solid #ccc;color:#000;margin-top:13px;letter-spacing:-0.5px;font-size:11px;text-align:center;border-radius:105px;cursor:pointer;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.2s; transition-delay:0s, 0s, 0s, 0.1s;} 
#keywordbtn2:hover{background:#000;color:#fff;border:1px solid #000;} 
#keywordmore {display:none;} 

#topkeywordbtn {width:105px; float:left; height:25px; padding-top:4px;font-weight:bold;border:1px solid #ccc;color:#000;margin-top:4px;letter-spacing:-0.5px;font-size:11px;text-align:center;border-radius:105px;cursor:pointer;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.2s; transition-delay:0s, 0s, 0s, 0.1s;} 
#topkeywordbtn:hover{background:#000;color:#fff;border:1px solid #000;} 
#topkeywordbtn2 {display:none;width:111px;float:left; height:25px; padding-top:4px;font-weight:bold;border:1px solid #ccc;color:#000;margin-top:4px;letter-spacing:-0.5px;font-size:11px;text-align:center;border-radius:105px;cursor:pointer;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.2s; transition-delay:0s, 0s, 0s, 0.1s;} 
#topkeywordbtn2:hover{background:#000;color:#fff;border:1px solid #000;} 
#topkeywordmore {display:none;width:100%;max-width:600px;height:100%;background:#ddd;} 

#mkeywordbtn {width:120px !important; height:30px;background:#fff !important; padding-top:5px !important;font-weight:bold;border:1px solid #ccc;color:#000 !important;margin-top:13px;letter-spacing:0px;font-size:11px;text-align:center;border-radius:105px;cursor:pointer;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.2s; transition-delay:0s, 0s, 0s, 0.1s;} 
#mkeywordbtn:hover{background:#000 !important;color:#fff !important;border:1px solid #000;} 
#mkeywordbtn2 {display:none;width:120px !important; height:30px;background:#fff !important; padding-top:5px !important;font-weight:bold;border:1px solid #ccc;color:#000 !important;margin-top:13px;letter-spacing:0px;font-size:11px;text-align:center;border-radius:105px;cursor:pointer;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.2s; transition-delay:0s, 0s, 0s, 0.1s;margin-bottom:50px !important;} 
#mkeywordbtn2:hover{background:#000 !important;color:#fff !important;border:1px solid #000;} 
#mkeywordmore {display:none;} 


@media (max-width:1000px) {


.companymid {clear:both;position:relative;width:100%;height:auto;padding-top:30px;padding-bottom:70px;font-size:0;border-top:1px solid #ccc;}
.companytitle {width:100%;padding-bottom:30px;position:relative;display:inline-block;height:auto;font-size:22px;padding-left:3%;color:#222;font-weight:bold;font-family:nanumsquare;vertical-align:top;}

.companytitle .comaddr{clear:both;width:50%;height:auto;font-size:22px;margin-top:15px;}
.comaddrtitle {width:100%;display:inline-block;height:16px;font-size:15px;color:#777;font-weight:bold;font-family:nanumsquare;}
.comaddrcont {width:100%;display:inline-block;height:25px;margin:0;padding:0;font-size:16px;color:#222;font-weight:bold;font-family:nanumsquare;}

.companymid .top220 {margin-top:30px;}
.companymid .top100 {margin-top:0px;}

.companycont{width:100%;display:inline-block;height:auto;padding-right:3%;padding-left:3%;letter-spacing:-0.5px;box-sizing:border-box;font-size:14px;font-weight:bold;line-height:180%;color:#676767;font-family:nanumsquare;vertical-align:top;}
.companycont span{color:#0c00fe;font-family:nanumsquare;font-weight:bold;letter-spacing:-0.5px;}

.companyconttext{width:100%;float:left;display:inline-block;height:auto;letter-spacing:-0.5px;box-sizing:border-box;font-size:16px;font-weight:bold;line-height:180%;color:#676767;font-family:nanumsquare;vertical-align:top;}
.companycontphoto {width:40%;text-align:left;margin-top:20px;float:left;display:inline-block;height:auto;letter-spacing:-0.5px;box-sizing:border-box;font-size:16px;font-weight:bold;line-height:180%;color:#676767;font-family:nanumsquare;vertical-align:top;}
.companycont span{color:#0c00fe;font-family:nanumsquare;font-weight:bold;letter-spacing:-0.5px;}

.companymid2 {clear:both;position:relative;width:100%;height:auto;padding-top:70px;padding-bottom:70px;font-size:0;border-top:1px solid #ccc;}
.companytitle2 {width:100%;display:inline-block;height:auto;font-size:22px;padding-left:3%;padding-bottom:30px;color:#222;font-weight:bold;font-family:nanumsquare;vertical-align:top;}
.companycont2{width:100%;text-align:right;display:inline-block;height:auto;padding-right:2%;padding-left:3%;letter-spacing:-0.5px;box-sizing:border-box;font-size:16px;font-weight:bold;line-height:180%;color:#676767;font-family:nanumsquare;vertical-align:top;}

.companymid3 {clear:both;position:relative;width:100%;height:auto;padding-top:70px;padding-bottom:70px;font-size:0;border-top:1px solid #ccc;}
.companytitle3 {width:100%;display:inline-block;height:auto;font-size:22px;padding-left:3%;padding-bottom:30px;color:#222;font-weight:bold;font-family:nanumsquare;vertical-align:top;}
.companycont3{width:100%;text-align:right;display:inline-block;height:auto;padding-right:2%;padding-left:3%;letter-spacing:-0.5px;box-sizing:border-box;font-size:16px;font-weight:bold;line-height:180%;color:#676767;font-family:nanumsquare;vertical-align:top;}

.comimgbox {width:100%;height:auto;text-align:center;}
.comimgbox img{width:80%;height:auto;margin-left:10%;}
.comimgbox p{width:100%;text-align:center;height:auto;}

#cc1 {margin-top:10px !important}
#side_menu {display:none;}

.qality_midbox {width:100%;height:auto;text-align:center;font-size:0;margin-top:30px;}
.qality_midbox li{display:inline-block;width:48%;padding:30px 0;height:auto;border:1px solid #ccc;font-size:15px;vertical-align:middle;}
.qality_midbox .midboxcut{display:inline-block;width:2%;height:auto;vertical-align:middle;}
.qality_midbox .midboxcut img{width:100%;height:11px;}
.qality_midbox li:first-child{margin-left:0%;}
.qality_midbox li:last-child{margin-right:0%;}
.qality_midbox li h1{font-size:25px;font-weight:normal;font-family:nanumsquare;font-weight:bold;}
.qality_midbox li h2{font-size:15px;font-weight:normal;color:#666;font-family:nanumsquare;padding-top:10px;}
.qality_midbox li h3{width:70%;margin:0 auto;margin-top:15px;padding:10px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.qality_midbox li h4{font-size:12px;font-weight:normal;color:#000;padding-top:15px;font-family:nanumsquare;}

.qality_midbox2 {width:98%;height:auto;text-align:center;font-size:0;margin:0 auto;border:1px solid #ddd;background:#fafafa;}
.qality_midbox2 li{display:inline-block;width:calc(100% - 130px);padding:20px 0;height:auto;font-size:15px;vertical-align:middle;}
.qality_midbox2 li:first-child{width:100px;}

.qality_midbox2 li h1{width:100%;padding-left:20px;padding-top:5px;font-size:25px;display:inline-block;font-weight:normal;font-family:nanumsquare;font-weight:bold;text-align:left;}
.qality_midbox2 li h1 span{padding-left:20px;font-size:17px;color:#666;font-family:nanumsquare;}
.qality_midbox2 li h3{width:100px;display:inline-block;margin:0 auto;padding:0px 0px;border-right:1px solid #ddd;}
.qality_midbox2 li h4{width:100%;padding-left:20px;font-size:13px;display:inline-block;font-weight:normal;color:#000;padding-top:10px;font-family:nanumsquare;text-align:left;}

.qality_midbox3 {width:100%;height:auto;text-align:center;font-size:0;margin:0 auto;}
.qality_midbox3 li{display:inline-block;width:4%;padding:50px 0;height:auto;font-size:15px;vertical-align:top;}
.qality_midbox3 li span{font-family:nanumsquare;}
.qality_midbox3 li:first-child{width:47%;border:1px solid #ddd;}
.qality_midbox3 li:last-child{width:47%;border:1px solid #ddd;}
.qality_midbox3 li h1{font-size:25px;font-weight:normal;font-family:nanumsquare;font-weight:bold;}
.qality_midbox3 li h2{font-size:15px;font-weight:normal;color:#666;font-family:nanumsquare;padding-top:20px;}
.qality_midbox3 li h3{width:80%;margin:0 auto;margin-top:20px;font-family:nanumsquare;font-weight:normal;font-size:13px;color:#666;padding:15px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.qality_midbox3 li h4{font-size:16px;font-weight:normal;color:#000;padding-top:30px;font-family:nanumsquare;}
.qality_midbox3 .qality_midbox_proc{display:inline-block;width:20%;background:#f5f5f5;margin:0;padding:50px 0;}

.qality_midbox4 {width:98%;height:auto;text-align:center;font-size:0;margin:0 auto;border:1px solid #ddd;}
.qality_midbox4 li h1{width:100%;padding-left:30px;padding-top:5px;font-size:25px;display:inline-block;font-weight:normal;font-family:nanumsquare;font-weight:bold;text-align:center;}
.qality_midbox4 li h1 span{padding-left:20px;font-size:13px;color:#666;font-family:nanumsquare;}

.qality_midbox5 {width:98%;height:auto;text-align:center;font-size:0;background:#fafafa;margin:0 auto;border:1px solid #ddd;}
.qality_midbox5 li{display:inline-block;border-right:1px solid #ddd;margin:30px 0;height:auto;font-size:15px;vertical-align:middle;}
.qality_midbox5 li:last-child{border:0px;}
.qality_midbox5 li h1{width:150px;font-size:25px;font-weight:normal;font-family:nanumsquare;font-weight:bold;text-align:left;padding-left:30px;}
.qality_midbox5 li h3{width:150px;display:inline-block;margin:0 auto;padding:0 10px;}

#midboxcutmobile{display:inline-block;}
.qality_midline {width:80%;margin:0 auto;margin-left:20%;height:auto;text-align:right;}
.qality_midline img{width:100%;height:auto;}

#midboxcutcenter {display:none;}

}


@media (max-width:801px) {

#pchide {display:inline-block;}
#mbhide {display:none;}

.companyway {clear:both;position:relative;margin:0 auto;width:95%;height:30px;text-align:right;}
.companyway h1{width:auto;display:inline-block;padding-left:5px;padding-right:5px;font-size:13px;color:#000;text-align:right;font-family:nanumsquare;}
.companyway h1:hover {color:#0066cc;}
.companyway h2{width:auto;display:inline-block;padding-left:5px;padding-right:5px;font-size:13px;color:#000;text-align:right;font-family:nanumsquare;}


#subwrap{position:relative;width:95%;max-width:800px;margin:0 auto;font-size:0;margin-top:10px;}


#gnbm {display:none;position:relative;margin:0 auto}
#gnbm:after {display:block;visibility:hidden;clear:both;content:""}

.headtoparea {position:relative;width:100%;height:50px;margin:0 auto;z-index:40;background:rgb(255,255,255,1);border-bottom:1px solid #ddd;}
.headmenuall {width:29%;height:48px;float:left;margin:0 auto;padding-left:2%;padding-top:6px;text-align:left;}
.headmenuall img{cursor:pointer;width:36px;height:35px;}
.mheadtopicon {width:30%;height:50px;float:right;margin:0 auto;padding-top:7px;text-align:right;color:#fff;}
.mheadtopicon img{text-align:center;color:#fff;height:31px;font-weight:normal;font-family:'Noto Sans KR';}

.gnbm_area{position:fixed;top:0px;display:none;left:0px;width:330px;height:100%;z-index:100;background:#fff;border-right:1px solid #ddd;}

.gnbm_menu{width:100%;height:100%;z-index:200;background:#fff;overflow-y:scroll;overflow-x:hidden;}

.gnbm_area header{padding:0px; background:#f5f5f5; color:#333; }
.gnbm_area .gnb_top{margin-top:5px;color:#fff;font-size:20px;font-weight:bold;letter-spacing:-1px;}
.gnbm_area header a,
.gnbm_area header p{line-height:18px; padding-bottom:6px;}
.gnbm_area header ul{*zoom:1;}
.gnbm_area header ul:after{content:""; display:block; clear:both;}
.gnbm_area header ul li{float:left; padding-bottom:5px; margin-left:15px; padding-left:12px;}
.gnbm_area header ul li:first-child{margin-left:0; padding-left:0; background:none;}

.gnbm_area .gnbloginarea{width:100%;height:40px;}
.gnbm_area .gnblogin{width:50%;height:28px;border:1px solid #ddd;border-left:0px;border-right:0px;border-top:0px;float:left;text-align:center;font-size:14px;padding-top:8px;}
.gnbm_area .gnbjoin{width:50%;height:28px;border:1px solid #ddd;border-right:0px;border-top:0px;float:left;text-align:center;font-size:14px;padding-top:8px;margin-left:-1px;}

.gnbm_area .gnbmenu60{width:80%;height:60px;margin:0 auto;border-bottom:1px solid #ddd;padding-top:12px;}
.gnbm_area .gnbmenu60 h1{width:100%;height:32px;float:left;font-size:16px;letter-spacing:-0.5px;font-weight:normal;color:#000;}
.gnbm_area .gnbmenu60 span{height:20px;padding-left:1px;float:left;font-size:14px;letter-spacing:-0.5px;margin-right:30px;font-weight:normal;font-family:nanum gothic;}
.gnbm_area .gnbmenu60 span a{color:#666;}

.gnbm_area .gnbmenu35{width:80%;height:35px;margin:0 auto;border-bottom:1px solid #ddd;padding-top:10px;font-size:16px;letter-spacing:-0.5px;font-weight:normal;color:#000;}
.gnbm_area .gnbmenu35 h1{width:100%;height:35px;float:left;font-size:16px;letter-spacing:-0.5px;font-weight:normal;color:#000;}

.gnbm_area .gnbm_menubtn {width:330px;height:auto;margin-top:0px;float:left;}
.gnbm_area .gnbm_menubtn li{width:330px;height:40px;float:left;border:1px solid #ccc;padding-bottom:5px;margin-top:-1px;text-align:left;background:#aaa;overflow:hidden;margin-left:-1px;padding-top:4px;}
.gnbm_area .gnbm_menubtn .mobilemenusub1 {height:auto;}
.gnbm_area .gnbm_menubtn .mobilemenusub2 {display:block;height:auto;}
.gnbm_area .gnbm_menubtn .mobilemenusub3 {display:block;height:auto;}
.gnbm_area .gnbm_menubtn .mobilemenusub4 {display:block;height:auto;}

.gnbm_area .gnb{border-top:1px solid #ddd;}
.gnbm_area .gnb>li{background:#fff;}
.gnbm_area .gnb>li>a{display:block; height:35px; line-height:35px; padding:0px 0 0px 30px; border-bottom:1px solid #ddd; font-size:15px; color:#000;}
.gnbm_area .gnb>li.on>a{ color:#fff; border-bottom:1px solid #ddd;background:#9a9ab6;}

.gnbm_area .gnb>li>ul>li>a{display:block; height:28px; line-height:25px; padding-top:2px; padding-left:35px;  background:#f5f5f5; border-bottom:1px solid #ddd;
font-size:13px; color:#333;}
.gnbm_area .leftmenu_close{position:absolute; top:20px; right:17px;}
.gnbm_area .gnb>li>ul>li>ul{display:none; padding:15px 25px; background:#c5690f; border-bottom:1px solid #dda874;}
.gnbm_area .gnb>li>ul>li>ul a{line-height:20px; color:#fff;}

#mshopcategory {position:fixed;display:none;width:100%;font-family:nanumsquare;font-size:14px;height:35px;top:50px;background:#000;text-align:center;padding-top:7px;z-index:100 !important;}
#mshopcategory a{ color:#fff;margin-left:7px;margin-right:7px; }
#mshopcategory a:first-child{ margin-left:0px;}
#mshopcategory a:last-child{ margin-right:0px;}

#navBar {
	position: fixed;
    top: 0px;
    width: 100%;
    transition: top 0.5s;
}

#gnb_fix {position:fixed;width:100%;height:auto;top:-100px;margin:0 auto;z-index:150;background:#fff;}
#gnb_fix:after {display:block;visibility:hidden;clear:both;content:""}

.headtoparea_fix {clear:both;position:relative;width:100%;height:50px;margin:0 auto;z-index:50;background:rgb(255,255,255,1);border-bottom:1px solid #ddd;}
.headmenuall_fix {width:29%;height:48px;float:left;margin:0 auto;padding-left:2%;padding-top:6px;text-align:left;}
.headmenuall_fix img{cursor:pointer;width:36px;height:35px;}
.mheadtopicon_fix {width:30%;height:50px;float:right;margin:0 auto;padding-top:7px;text-align:right;color:#fff;}
.mheadtopicon_fix img{text-align:center;color:#fff;margin-right:15px;height:31px;font-weight:normal;font-family:'Noto Sans KR';}
.mheadtoplogo_fix {width:40%;height:50px;float:left;margin:0 auto;padding-top:0px;text-align:center;color:#fff;}
.mheadtoplogo_fix img{width:188px;height:47px;margin-top:0px;}

.mheadmenu_fix {position:relative;clear:both; width:100%; height:30px; min-width:320px;text-align:center; background:#333; line-height:25px;}
.mheadmenu_fix a{color:#fff;letter-spacing:-.5px;font-size:12px;font-family:S-CoreDream-4Regular;color:#fff;margin-left:2%;}

.mbsubmenu {width:120%;padding-left:10px;height:35px;border-bottom:1px solid #ddd;background:#f5f5f5;text-align:center;}
.mbsubmenu li{display:inline-block;width:auto;padding-top:7px;line-height:22px;padding-left:8px;padding-right:8px;height:auto;letter-spacing:-.5px;font-size:13px;font-family:S-CoreDream-4Regular;text-align:center;}
.mbsubmenu li a{font-family:S-CoreDream-4Regular;text-align:center;}
.mbsubmenu .toptabon{color:#0ea0f0 !important;}

.mainpic {width:100%;height:250px;margin:0 auto;overflow:hidden;text-align:center; }

.mainpic {clear:both;width:100%;height:250px;background:#fff;overflow:hidden;}
.mainpic .mainimgarea {height:250px;width:100%;margin:0 auto;overflow:hidden;}
.mainpic .mainimgarea div{background-size:cover;height:250px !important;background-size:cover;}

.mainpic .mainimgarea .slick-dots{ bottom:15px;z-index:100; }
.mainpic .mainimgarea .slick-dots li button:before{  content: '○';color:#fff; }
.mainpic .mainimgarea .slick-dots li.slick-active button:before{  content: '●';color:#fff; }

.mainmid1 {width:100%;margin:0 auto;padding-top:30px;;height:auto;margin:0 auto;overflow:hidden;text-align:center;}
.mainmid1 .mid1title{width:100%;margin:0 auto;padding-top:20px;height:50px;text-align:center;font-size:27px;font-family:nanumsquare;font-weight:bold;}

.mainmid1 li{float:left;text-align:center;width:100%;border-right:0px solid #ddd;box-sizing:border-box;}
.mainmid1 .mainmid1li{text-align:center;position:relative;width:90%;margin:0 auto;margin-top:50px;box-sizing:border-box;}
.mainmid1 .mainmid1li h1{position:absolute;bottom:55px;height:70px;left:10%;padding:20px 0;background:#fff;font-size:14px;font-family:nanumsquare;text-align:center;width:85%;box-sizing:border-box;}
.mainmid1 .mainmid1li h2{margin:0 auto;text-align:center;width:100%;box-sizing:border-box;height:auto;}
.mainmid1 .mainmid1li h3{clear:both;position:relative;margin:0 auto;margin-top:20px;text-align:center;width:60%;box-sizing:border-box;height:35px;border-radius:50px;letter-spacing:-.5px;border:1px solid #00479d;font-size:16px;font-family:nanumsquare;padding-top:8px;}
.mainmid1 .mainmid1li h3:hover{background:#00479d;color:#fff;transition:background 0.5s;cursor:pointer;}

.mainimgbig { text-align:center;width:100%;margin:0 auto;box-sizing:border-box;}
.mainimgbig .mainimgbox {position:relative;width:90%;}
.mainimgbig .mainimgbox h1{position:absolute;bottom:55px;height:70px;left:10%;padding:20px 0;background:#fff;font-size:14px;font-family:nanumsquare;text-align:center;width:80%;box-sizing:border-box;}
.mainimgbig .mainimgbox h3{clear:both;position:relative;margin:0 auto;margin-top:20px;text-align:center;width:60%;box-sizing:border-box;height:35px;border-radius:50px;letter-spacing:-.5px;border:1px solid #00479d;font-size:16px;font-family:nanumsquare;padding-top:8px;}
.mainimgbig .mainimgbox h3:hover{background:#00479d;color:#fff;transition:background 0.5s;cursor:pointer;}

.mainmid2 {width:100%;height:auto;margin:0 auto;overflow:hidden;text-align:center;}
.mainmid2 .mainmid2area{width:100%;max-width:768px;height:auto;margin:0 auto;overflow:hidden;text-align:center;}
.mainmid2 .mainmid2li{text-align:center;position:relative;width:90%;margin:0 auto;margin-top:30px;box-sizing:border-box;}
.mainmid2 .mid2title{width:100%;margin:0 auto;padding-top:60px;letter-spacing:-1px;height:100px;text-align:center;font-size:27px;font-family:nanumsquare;font-weight:bold;}
.mainmid2 li{float:left;width:100%;box-sizing:border-box;}
.mainmid2 li .titlepage{position:relative;float:left;border-bottom:1px solid #ccc;text-align:left;width:100%;padding:10px 0;font-size:17px;font-family:nanumsquare;}
.mainmid2 li h1{position:absolute;right:0px;top:10px;}
.mainmid2 li .conpage{float:left;width:100%;padding:10px 0;box-sizing:border-box;}

.mainmid3 {width:100%;height:auto;margin:0 auto;overflow:hidden;text-align:center;background:#00479d;margin-top:50px;}
.mainmid3 .mainmid3area{width:100%;height:auto;margin:0 auto;overflow:hidden;text-align:center;}
.mainmid3 .mid3title{width:100%;margin:0 auto;color:#fff;padding-top:50px;letter-spacing:0px;height:80px;text-align:center;font-size:27px;font-family:nanumsquare;font-weight:bold;}
.mainmid3 .mainmid3box{text-align:left;position:relative;width:100%;float:left;margin:0 auto;box-sizing:border-box;}
.mainmid3 .mainmid3box .mid3left{text-align:center;position:relative;width:90%;float:left;margin:0 auto;margin-left:5%;box-sizing:border-box;padding-bottom:30px;}
.mainmid3 .mainmid3box .mid3left h1{font-size:23px;padding-top:20px;color:#fff;font-family:nanumsquare;text-align:center;width:100%;float:left;margin:0 auto;box-sizing:border-box;}
.mainmid3 .mainmid3box .mid3left h2{font-size:15px;line-height:20px;padding-top:15px;padding-bottom:10px;color:#fff;font-family:nanumsquare;text-align:center;width:100%;float:left;font-weight:normal;margin:0 auto;box-sizing:border-box;}
.mainmid3 .mainmid3box .mid3left h2 span{color:#99ffff;}
.mainmid3 .mainmid3box .mid3left h3{clear:both;float:left;margin:0 auto;margin-left:25%;margin-top:20px;color:#fff;text-align:center;width:50%;box-sizing:border-box;height:40px;border-radius:50px;letter-spacing:-.5px;border:1px solid #fff;font-size:15px;font-family:nanumsquare;padding-top:10px;}
.mainmid3 .mainmid3box .mid3left h3:hover{background:#fff;color:#00479d;transition:background 0.5s;cursor:pointer;}

.mainmid3 .mainmid3box .mid3right{width:100%;clear:both;float:left;padding-bottom:30px;box-sizing:border-box;text-align:right;}
.mainmid3 .mainmid3box .mid3right img{float:left;margin-right:0;margin-left:5%;width:90%;}

.mainmid3 .slick-prev{ top:42% !important;left:auto !important;left:10px !important;z-index:100;background:transparent !important;}
.mainmid3 .slick-next{ top:42% !important;right:10px !important;z-index:100;background:transparent !important;}

.mainmid3 .slick-prev:before{ content: url(../images/mid3prev.png);}
.mainmid3 .slick-next:before{ content: url(../images/mid3next.png);}

.mainmid4 {width:100%;height:auto;margin:0 auto;overflow:hidden;text-align:center;}
.mainmid4 .mainmid4area{width:100%;max-width:850px;height:auto;margin:0 auto;text-align:center;padding-bottom:70px;}
.mainmid4 .mainmid4li{text-align:center;position:relative;width:80%;margin:0 auto;box-sizing:border-box;}
.mainmid4 .mid4title{width:100%;margin:0 auto;padding-top:50px;letter-spacing:-1px;height:auto;padding-bottom:10px;text-align:center;font-size:27px;font-family:nanumsquare;font-weight:bold;}
.mainmid4 .mid4subtitle{width:100%;margin:0 auto;padding-top:10px;letter-spacing:-.5px;height:auto;padding-bottom:30px;text-align:center;font-size:16px;color:#999;font-family:nanumsquare;}

.mainmid4 .mainmid4area .mid4imgbig{width:100%;height:auto;margin:0 auto;text-align:center;}
.mainmid4 .mainmid4area .mid4imgbig .mid4imgbox{width:100%;max-width:850px;height:auto;margin:0 auto;text-align:center;}
.mainmid4 .mainmid4area .mid4imgbig .mid4imgbox img{width:86%;height:auto;margin-left:7%;}

.mainmid4 .slick-prev{ top:33% !important;left:-25px !important;z-index:100;}
.mainmid4 .slick-next{ top:33% !important;right:-25px !important;z-index:100;}
.mainmid4 .slick-prev:before{ content: url(../images/mid4prev.png);}
.mainmid4 .slick-next:before{ content: url(../images/mid4next.png);}

.topbannerarea {width:100%;height:100px;overflow:hidden;text-align:center;z-index:100;}

.topbannerarea h2{font-size:18px !important;margin-top:23px !important;height:25px !important;}
.topbannerarea h3{font-size:15px !important;top:30px !important;}

.topbanner {position:relative;width:100%;height:100px;text-align:center;z-index:17;}
.topimgbox {width:100%;height:100px;text-align:center;background-size:cover;}

.topbannercheck {position:absolute;top:20px;right:50px;z-index:20;cursor:pointer;font-size:13px;color:#fff;font-family:S-CoreDream-4Regular;display:none !important;}
.topbannerclose {position:absolute;top:20px;right:20px;z-index:20;cursor:pointer;background:transparent;}
.topbannerclose img{width:30px;height:30px;}
.downtopbn {position:absolute;display:block;top:-2px;right:20px;z-index:60;cursor:pointer;background:transparent;}

.topbanner .slick-dots{ bottom:7px;z-index:100; }
.topbanner .slick-dots li button:before{  font-size:12px; content: '○';color:#fff; }
.topbanner .slick-dots li.slick-active button:before{  font-size:11px; content: '●';color:#fff; }

.mheadmenu {position:relative;left:0; z-index:10; width:100%; font-size:0;height:30px; min-width:320px; float:left; text-align:center; background:#333; line-height:25px;}
.mheadmenu a{color:#fff;letter-spacing:-.5px;font-size:12px;font-family:S-CoreDream-4Regular;color:#fff;margin-left:2%;}

.sidemenu1m {position:relative;display:inline-block;text-align:center;width:68px;height:30px;background:#00479d;font-family:S-CoreDream-4Regular;padding-top:3px;font-size:12px;color:#fff;font-weight:normal;}
.sidemenu1m a{padding-right:12px;padding-left:12px;margin-right:0px;}

.sidemenu2m {position:relative;display:inline-block;text-align:center;width:77px;margin-left:-2%;height:30px;background:#0ea0f0;font-family:S-CoreDream-4Regular;padding-top:3px;font-size:12px;color:#fff;font-weight:normal;}
.sidemenu2m a{padding-right:12px;padding-left:12px;margin-right:0px;}

.subwraptitleimg {clear:both;position:relative;height:150px;width:100%;text-align:center;background:url('../images/sub1.jpg') top center no-repeat;background-size:cover;}
.subwraptitleimg h1{position:absolute;width:100%;top:40px;text-align:center;color:#fff;font-size:28px;font-family:nanumsquare;font-weight:bold;letter-spacing:0;}
.subwraptitleimg h2{position:absolute;width:100%;top:82px;text-align:center;color:#fff;font-size:17px;font-family:nanumsquare;letter-spacing:0;}

.subwraptitle {width:100%;margin:0 auto;height:auto;letter-spacing:-3px;border-bottom:3px solid #333;padding-bottom:12px;margin-bottom:30px;font-family:noto sans kr;font-size:30px;font-weight:bold;}

.subwrapcate {width:100%;margin:0 auto;text-align:center;height:auto;letter-spacing:0px;padding:20px 0px 0 0;color:#000;font-family:nanumsquare;line-height:35px;}
.subwrapcate a{width:auto;margin:0 auto;text-align:center;box-sizing:border-box;border:1px solid #aaa;color:#666;height:30px;border-radius:20px;letter-spacing:0px;padding:7px 10px;margin-left:3px;margin-right:3px;font-size:13px;}
.subwrapcate a:hover{background:#3f51b5;border:1px solid #3f51b5;color:#fff;transition:background 1s, border 1s;}

#caton {background:#3f51b5;color:#fff;border:1px solid #3f51b5;}
#caton2 {background:#c0c0c0;color:#fff;border:1px solid #c0c0c0;}
#caton2:hover {background:#3f51b5;color:#fff;border:1px solid #3f51b5;}

.top_menu {display:none;}
.mbmenu {display:block;}

#programlist {width:100%;margin-left:0%;margin-right:0%;display:inline-block;vertical-align:top;height:auto;margin-top:20px;margin-bottom:30px;}
#programlist a:hover{color:#EC384F;}

#programlist2 {width:100%;margin-left:0%;margin-right:0%;display:inline-block;vertical-align:top;height:auto;margin-top:20px;margin-bottom:30px;}
#programlist2 a:hover{color:#EC384F;}

#imgcprogram {width:100%;height:auto;float:left;text-align:center;overflow:hidden;border:1px solid #ccc;padding:0px;}
#imgcprogram:hover {width:100%;border:1px solid #003366;transition:transform 1s, border 0.1s;}
#imgcprogram img {width:100%;height:auto !important;}
#imgcprogram:hover img {width:100%;height:auto !important;transform:scale(1.1);transition:transform 1s, border 0.1s;}

.programlistcate {width:100%;padding:12px 0;text-align:center;height:25px;font-size:13px;margin-top:5px;color:#003366;font-family:S-CoreDream-4Regular;}
.programlistsubject {width:100%;height:auto;text-align:center;font-size:16px;padding-top:10px;font-family:nanumsquare;}
.programlistsubject:hover {color:#003366;}
.programlistdate {width:100%;height:25px;text-align:center;font-size:11px;margin-top:5px;color:#999;font-family:S-CoreDream-4Regular;}
.programlistcont {width:100%;padding:10px 0;text-align:center;height:auto;font-size:12px;margin-top:5px;color:#666;font-family:S-CoreDream-4Regular;}
.programlistcont:hover {color:#003366;}

#wrapper{padding-top:0px;}
#mainimg {width:100%;height:500px;background:#333;overflow:hidden;}

#introduceVideo video{width:auto;height:500px;margin:0 auto;}

#advimg {width:100%;height:275px;background:#333;overflow:hidden;}
#advimg .advimgarea {width:100%;height:300px;padding-right:0px;overflow:hidden;}
#advimg .advimgbig {width:100%;margin:0 auto;height:280px;}
#advimg .advimgbig img{width:1200px;margin:0 auto;margin-left:-50%;height:auto;}
#advimg .advimgmos {width:100%;float:left;margin:0 auto;height:auto;}

#cappc {display:none;}
#capmobile1 {display:block;}
#capmobile2 {display:none;}

#hd {width:100%;display:none;}
#hdov {display:none !important;}
#mainimgright{display:none;}
#maincomblock{display:none;}
#maincomblock1{display:none;}
#maincomblock2{display:none;}
#maincomblock3{display:none;}

#maincommobile {display:block;}
#maincommobile1 {display:block;}
#maincommobile2 {display:none;}
#maincommobile3 {display:none;}

#mainmobilegardening {display:block;}
#mainmobilegardeningare {width:100%;margin:0 auto;height:125px;float:left;}
#mainmobilegardeningare h1{font-size:18px;background:#fff;color:#EC3950;height:26px;font-weight:400;margin-bottom:5px;letter-spacing:-0.5px;font-family:Montserrat,Noto sans kr;padding-left:7px;}
#mainmobilegardeningare h2{width:49%;float:left;margin-left:0.5%;margin-right:0.5%;margin-top:5px;height:30px;overflow:hidden;line-height:30px;background:#f5f5f5;border:1px solid #ccc;font-size:13px;font-weight:400;padding-left:10px;padding-right:10px;font-family:nanum gothic;}

#maincommobilemenu {width:94%;margin-left:3%;}
#maincommobilemenu h1{width:33.333%;font-weight:400;font-size:15px;letter-spacing:-0.5px;color:#999;height:35px;float:left;text-align:center;}
.maincontmobile {clear:both;width:97%;margin:0 auto;height:100px;border-top:2px solid #999;}

#gnbm {display:block;}
#mshopcategory{display:block;}
#sct_ct_1{display:none;}
#sct{padding-top:20px;}
#listkeywordicon li{width:auto;border-radius:30px;margin-top:10px;padding:3px 12px 0 10px;height:30px;margin-right:5px;font-size:13px;color:#000;}

#farmtopsubject {display:block;margin-bottom:10px;}
#farmimgarea {width:100%;float:left;height:auto;}
#farmcontarea {clear:both;margin-left:0%;margin-top:30px;width:100%;height:auto;padding-bottom:50px;font-size:15px;float:left;}
#farmcontarea1 {display:none;}
#farmcontarea2 {display:none;}
#farmsubimg {padding-bottom:40px;border-bottom:1px dotted #ccc;}
#contitem {display:none;}
#contitemmobile {clear:both;display:block;width:100%;height:120px;padding-top:30px;font-size:23px;letter-spacing:-1px;}
#farmtabmenu li{ width:50%;height:35px;padding-top:5px;font-size:15px;}

#mainkeywordmenu .mainkeywordcont li{padding-left:10px;padding-right:10px;height:30px;font-size:12px;color:#333;margin-top:7px;padding-top:8px;}

#farmmapar {width:100%;margin-left:0%;margin-right:0%;}

#farmmapsubject {display:inline-block;width:100%;padding-left:15px;vertical-align:top;line-height:25px;}
#farmmapimg {display:inline-block;text-align:left;width:100%;margin-top:10px;padding-left:15px;vertical-align:top;}
#farmmapimg img{width:55px;height:auto;}

.qality_midgram {display:none;}
.qality_midgramtext {font-size:17px;font-weight:normal;color:#000;padding-top:30px;text-align:center;font-family:nanumsquare;line-height:200%;}

.qality_midgram_mobile {display:block;width:100%;margin:0 auto;padding-top:50px;height:auto;text-align:center;}
.qality_midgramtext_mobile {display:inline-block;margin-top:50px;font-size:17px;font-weight:normal;color:#000;background:#f5f5f5;padding:10px 0;text-align:center;font-family:nanumsquare;line-height:200%;}
.qality_midgram_mobile img{width:100%;margin:0 auto;height:auto;text-align:center;max-width:402px;}

.qality_midgramtext_mobile h1{width:100%;padding-left:0px;display:inline-block;border-bottom:1px dotted #ccc;margin:0 auto;height:45px;padding-top:5px;font-size:15px;font-weight:normal;font-family:nanumsquare;text-align:center;}

.fx_topmenu {display:none;}

.mheadtopicon {padding-top:8px;}
.mheadtopicon img{text-align:center;color:#fff;height:30px;margin-right:15px;font-weight:normal;font-family:'Noto Sans KR';}

.mheadtoplogo {width:40%;height:50px;float:left;margin:0 auto;padding-top:0px;text-align:center;color:#fff;}
.mheadtoplogo img{width:188px;height:47px;margin-top:0px;}

.shopwidth {position:relative;width:90% !important;padding-right:0;margin:0 auto;}

.qnacontentsarea {width:100%;height:auto;font-size:0;}
.qnacontentsarea .tid{display:none;}
.qnacontentsarea .con{width:100%;display:inline-block;height:auto;font-size:17px;vertical-align:middle;margin:5px 0;}
.qnacontentsarea .con input{width:100%;height:45px;background:#f5f5f5;border:1px solid #ddd;}
.qnacontentsarea .con select{width:100%;height:45px;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;}
.qnacontentsarea .con textarea{width:100%;height:300px;background:#f5f5f5;border:1px solid #ddd;}

.qnacontents_top {width:100%;height:auto;padding:20px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd; font-size:0;}
.qnacontents_mid {width:100%;height:auto;font-size:0;padding:20px 0;}

.estcontentsarea .con input{width:100%;height:45px;background:#f5f5f5;border:1px solid #ddd;}
.estcontentsarea .con select{width:100%;height:45px;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;}
.estcontentsarea .con textarea{width:100%;height:300px;background:#f5f5f5;border:1px solid #ddd;}

.estcontents_top {width:100%;height:auto;padding:20px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd; font-size:0;}
.estcontents_mid {width:100%;height:auto;font-size:0;}

.estcontents_img {width:100%;height:auto;font-size:0;}
.estcontents_img .tid{width:200px;text-align:left;}
.estcontents_img .con{width:calc(100% - 200px);display:inline-block;height:auto;font-size:17px;vertical-align:middle;margin:5px 0;}

.stainless_midtitle5{font-size:19px;text-align:center;margin-top:0px;font-family:nanumsquare;font-weight:400;letter-spacing:-.5px;color:#000;padding-bottom:10px;}

.noticecontentsarea {width:100%;height:auto;font-size:0;}
.noticecontentsarea .tid{display:none;}
.noticecontentsarea .con{width:100%;display:inline-block;height:auto;font-size:17px;vertical-align:middle;margin:5px 0;}
.noticecontentsarea .con input{width:100%;height:45px;background:#f5f5f5;border:1px solid #ddd;}
.noticecontentsarea .con select{width:100%;height:45px;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;}
.noticecontentsarea .con textarea{width:100%;height:300px;background:#f5f5f5;border:1px solid #ddd;}

.notice_box {position:relative;width:100%;float:left;height:auto;padding-bottom:10px;}
.notice_num {padding-top:35px;float:left;position:relative;width:10%;height:30px;text-align:center;}
.notice_subject {padding-top:12px;float:left;position:relative;width:90%;height:auto;padding-left:5px;text-align:left;overflow:visible;}
.notice_subject2 {padding-top:12px;float:left;position:relative;width:calc(90% - 90px);padding-left:5px;height:50px;text-align:left;overflow:visible;}
.notice_img {padding-top:14px;float:left;position:relative;width:90px;height:57px;text-align:center;}
.notice_subject a{font-size:14px;letter-spacing:0px;font-family:nanumsquare;color:#333;}
.notice_subject a:hover{color:#ff0033;}
.notice_subject2 a{font-size:14px;letter-spacing:0px;font-family:nanumsquare;color:#333;}
.notice_subject2 a:hover{color:#ff0033;}
.notice_subject_mobile {display:block;font-size:12px;}
.notice_name {padding-top:10px;float:left;position:relative;width:auto;height:30px;margin-left:8%;text-align:center;}
.notice_date {display:none;}

.qna_num {padding-top:25px;float:left;position:relative;width:10%;height:50px;text-align:center;}
.qna_subject {padding-top:15px;padding-bottom:15px;float:left;position:relative;width:90%;height:auto;color:#000;font-size:15px;text-align:left;overflow:visible;}
.qna_subject a{color:#333;}
.qna_subject a:hover{color:#ff0033;}
.qna_name {display:none;}
.qna_date {display:none;}

.history_subject {padding-top:0px;float:left;position:relative;width:100%;box-sizing:border-box;padding-left:0px;height:auto;text-align:left;}
.history_subject p{padding-left:12px;background:#f5f5f5;padding-top:6px;padding-bottom:6px !important;height:auto;}
.history_area {display:none;}
.history_date {display:none;}

.notice_hit {padding-top:30px;float:left;position:relative;width:8%;height:30px;text-align:center;}
.noticere_num {padding-top:20px;float:left;position:relative;width:8%;height:55px;text-align:center;}
.noticere_img {padding-top:6px;float:left;position:relative;width:90px;height:62px;text-align:left;}
.noticere_subject {padding:10px 0;font-size:11px !important;float:left;position:relative;padding-left:8%;width:90%;height:40px;text-align:left;overflow:hidden;}
.noticere_subject2 {padding-top:20px;float:left;position:relative;width:calc(72% - 90px);height:50px;text-align:left;overflow:hidden;}

.noticere_subject a{color:#333;font-size:11px !important;}
.noticere_subject a:hover{color:#ff0033;}
.noticere_subject2 a{color:#333;}
.noticere_subject2 a:hover{color:#ff0033;}
.noticere_subject_mobile {display:none;}

.noticere_name {padding-top:17px;float:left;position:relative;width:10%;height:47px;text-align:center;}
.noticere_date {padding-top:17px;float:left;position:relative;width:10%;height:47px;text-align:center;}
.noticere_hit {padding-top:20px;float:left;position:relative;width:8%;height:47px;text-align:center;}

.boardlist {position:relative;width:100%;float:left;border-bottom:1px solid #ddd;height:auto;padding-bottom:20px;font-size:0;}
.boardlist_contents {position:relative;width:100%;margin:5px 0 !important;display:inline-block;background:#fff;border:0px;border-bottom:1px solid #ddd;height:auto;padding:15px 0;box-sizing:border-box;vertical-align:top;}
.boardlist_contents:last-child {border:0px;}

.board_num {padding-top:29px;float:left;position:relative;width:10%;height:55px;text-align:center;}
.board_img {width:70px;height:55px;text-align:center;float:left;}
.board_img img{width:70px;height:55px;text-align:center;float:left;}
.board_subjectbar {clear:both;width:40px;height:3px;background:#000;margin-bottom:10px;}

.board_subject {clear:both;display:inline-block;position:relative;width:calc(100% - 70px);padding-left:20px;height:auto;text-align:left;overflow:hidden;font-size:16px;line-height:18px;}
.board_subject2 {clear:both;float:left;position:relative;width:100%;height:auto;text-align:left;overflow:hidden;font-size:16px;}

.board_subject a{color:#333;}
.board_subject a:hover{color:#343d93;}

.board_subject2 a{color:#333;}
.board_subject2 a:hover{color:#343d93;}

.board_subject_mobile {display:none;}
.board_sub {clear:both;display:inline-block;position:relative;width:100%;height:auto;text-align:left;overflow:hidden;font-size:16px;}

.board_contents {display:none;}
.board_contents a{color:#999;}

.board_date {clear:both;padding-top:3px;float:left;position:relative;box-sizing:border-box;width:100%;height:30px;text-align:left;color:#999;}

.qnacontents_top {width:100%;height:auto;padding:20px 0;border-top:1px solid #ddd;border-bottom:1px solid #ddd; font-size:0;}
.qnacontents_mid {width:100%;height:auto;font-size:0;padding:20px 0;}


#w_item input{margin-top:10px;width:100% !important;}
.w_item_btn {width:40px;height:40px;background:#000;border:0px;margin-top:10px;font-size:35px;line-height:37px;color:#fff;display:inline-block;vertical-align:top;text-align:center;cursor:pointer;}
.w_item_btn:hover {background:#003399;transition:background 0.5s, opacity 0.1s;transition-delay:.1s;}
.w_item_del {width:40px;height:40px;background:#999;border:0px;margin-top:10px;font-size:35px;line-height:37px;margin-left:5px;color:#fff;display:inline-block;vertical-align:top;text-align:center;cursor:pointer;}
.w_item_del:hover {background:#003399;transition:background 0.5s, opacity 0.1s;transition-delay:.1s;}

#qnacontents_name1 {width:200px;text-align:left;}
#qnacontents_name2 {width:100%;text-align:left;}
#qnacontents_name3 {width:120px;text-align:left;}
#qnacontents_name4 {width:100%;text-align:left;}
#qnacontents_name5 {width:40%;text-align:left;}

#w_company {width:100% !important;}
#w_tel {width:100% !important;}
#w_name {width:100% !important;}

.btn_comwritesubmit {width:100% !important;min-width:200px;height:40px;float:right;font-size:14px;text-align:center;font-family:nanumsquare;padding-top:0px;background:#051c2a;color:#fff;margin-top:15px;cursor:pointer;}

.btn_comwrite {width:100% !important;}

#midboxcutcenter {display:none;}

.btn_comwritelist {width:30%;height:35px;margin-right:0px;margin-left:5px;float:right;font-size:15px;text-align:center;padding-top:10px;background:#ddd;color:#333;margin-top:15px;font-family:nanumsquare;}
.btn_comwritelist2 {width:40%;height:35px;margin-right:0px;margin-left:5px;float:right;font-size:15px;text-align:center;padding-top:10px;background:#ddd;color:#333;margin-top:15px;font-family:nanumsquare;}

.btn_comwritelist:hover {background:#999;transition:background 1s, opacity 0.1s;transition-delay:.1s;color:#fff;}
.btn_comwritelist2:hover {background:#999;transition:background 1s, opacity 0.1s;transition-delay:.1s;color:#fff;}

#btn_m50_l { float:left !important;width:49% !important; margin-left:0 !important; margin-right:1% !important;}
#btn_m50_r { float:right !important;width:49% !important; margin-right:0 !important; margin-left:1% !important; }

.btn_qnawritear {clear:both;width:100%;box-sizing:border-box;height:80px;background:#fff;border-bottom:0px solid #ddd;border-top:1px solid #ddd;text-align:center;padding-top:30px;}
.btn_qnawritesubmit {width:20%;min-width:200px;font-size:16px;height:45px;text-align:center;font-family:nanumsquare;padding-top:0px;background:#fff;border:1px solid #003366;border-radius:25px;color:#003366;margin-top:15px;cursor:pointer;}
.btn_qnawritesubmit:hover {background:#003366;transition:background 1s, opacity 0.1s;transition-delay:.1s;color:#fff;}

.qnali {float:left;width:100%;height:50px;}
.qnali .qnalisub {float:left;display:none;width:100px;height:50px;padding-top:10px;font-family:nanumsquare;}
.qnali .qnalicon {float:left;width:100%;height:50px;font-family:nanumsquare;}
.qnali .qnalicon .qnaliconspan {color:#666;cursor:pointer;font:14px S-CoreDream-4Regular;vertical-align:top;}
.qnali .qnalicon .qnaliconspan:hover {color:#003366;}

#margint0 {margin:0 !important;}

.footer {width:100%;height:370px;margin:0 auto;overflow:hidden;text-align:center;background:#404040;}
.footer h1{position:relative;width:60%;min-width:100px;margin:0 auto;margin-top:70px;letter-spacing:-1px;height:75px;text-align:center;font-size:15px;font-family:Pretendard-Bold}
.footer h1 .h1btn{position:absolute;float:right;right:-60px;top:-45px;}
.footer h1 .h1btn img{width:30px;height:30px;}
.footer h1 .h1btn a{margin-left:5px;}
.footer h2{width:100%;height:60px;margin:0 auto;color:#a2a2a2;text-align:center;;}
.footer h2 a{color:#a2a2a2;}
.footer h2 a:hover{color:#33cccc;}
.footer h3{width:100%;height:auto;margin:0 auto;color:#797979;text-align:center;}
.footer h4{width:100%;height:50px;margin:0 auto;padding-top:20px;font-size:13px;color:#797979;text-align:center;}

}


@media (max-width:400px) {

#cappc {display:none;}
#capmobile1 {display:none;}
#capmobile2 {display:block;}

}


/* 중간 레이아웃 */
/* #wrapper {z-index:5;margin:0 auto;width:1200px;position:relative} */
#wrapper {z-index:1;position:relative;width:100%;margin:0 auto;}
#wrapper.is_community{background:#fff}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#wrapper_title {padding:20px 0;font-size:2em;font-weight:bold}

.lt_wr {width:49%}
.lt_wr:nth-child(2n+1) {clear:both}

/* aside + wrapper */
#aside {position:absolute;top:0;left:0;margin:0 10px 0 0;width:265px}
#side_pd {position:relative;border:1px solid #dde7e9;background:#fff;border-radius:3px;margin-bottom:15px}
#side_pd h2 {border-bottom:1px solid #e8e8e8;padding:15px}
#side_pd .bx-wrapper {padding-bottom:10px;height:400px;overflow:hidden}
#side_pd .bx-controls {display:inline-block;position:absolute;right:10px;top:12px}
#side_pd .bx-prev {display:inline-block;width:20px;height:20px;text-indent:-9999em;background:url('../img/btn_prev.png') no-repeat}
#side_pd .bx-next {display:inline-block;width:20px;height:20px;text-indent:-9999em;background:url('../img/btn_next.png') no-repeat}

#container {position:relative;margin:0 auto;width:1200px;min-height:500px;height:auto !important}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container .shop-content {position:relative;padding:1px 0}
#container .is_index {margin-left:285px}
.shop-content #bo_v{margin-top:20px}

.sale_prd h2 {font-size:1.167em;margin:20px 0 10px}
.st_bg {display:inline-block;width:1px;height:10px;margin:0 10px;background:#e2e1e0;vertical-align:-1px}

/* 텍스트 크기 조절 */
#text_size {display:none;position:absolute;top:-31px;left:-1px}
#text_size button {padding:0 10px;height:30px;border:1px solid #cfded8;border-bottom:0;background:#000;color:#fff;cursor:pointer}

/* 하단 레이아웃 */
#ft {width:100%;background:#212020;margin:0 auto;text-align:center}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft_wr {width:100%;max-width:1250px;margin:0;padding:40px 0;position:relative;display:inline-block;text-align:left}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {width:25%;float:left;padding:0 20px}

#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {margin-bottom:20px}
#ft_company {font-weight:normal;color:#e3e3e3;line-height:2em}
#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;width:1200px;margin:0 auto;padding:20px 0;color:#5b5b5b;font-size:0.92em;border-top:1px solid #383838}
#top_btn {position:absolute;bottom:0;left:0;border:0;border-top:1px solid #000;margin-top:-25px;width:50px;height:50px;background:#000;font-size:20px;color:#fff}
#top_btn:hover {border-color:#EA1C35;background:#EA1C35;color:#ffffcc}

#sit_rel {width:100%;height:auto;background:#fff;text-align:left;max-width:1250px;margin:0 auto;}
#sit_relarea {position:relative;width:97%;border-top:1px solid #ddd;float:left;height:auto;max-width:1250px;margin:0 auto;padding-top:30px;}
#sit_rel h1 {font-size:21px;margin:0 0 30px;letter-spacing:-1px;font-family:Montserrat,Noto sans kr;font-weight:normal;text-align:left;}
#sit_rel h1 span{color:#000;font-weight:bold;font-size:25px;font-family:noto sans kr;}
#sit_rel h2 {display:none;}
#sit_rel .sititem{float:left;width:18%;height:auto;margin:0 auto;margin-left:1%;margin-right:1%;padding:0px 0 50px 0;}
#sitmenu {width:100%;height:auto;height:auto;margin:0 auto;margin-top:10px;padding-bottom:50px;text-align:center;}
#sititemimg{width:100%;margin:0 auto;padding:10px 0 5px 0;font-size:15px;font-family:Montserrat,Noto sans kr;letter-spacing:-0.5px;text-align:left;}
#sititemtext{border-bottom:1px dotted #ccc;width:100%;margin:0 auto;padding:7px 0 10px 0;font-size:15px;font-family:Montserrat,Noto sans kr;letter-spacing:-0.5px;text-align:left;}
#sititembasic{width:100%;margin:0 auto;padding:10px 0 5px 0;font-size:12px;color:#EC3950;font-family:Montserrat,Noto sans kr;text-align:left;}
#sititemcost{float:left;width:100%;margin:0 auto;padding:10px 0 5px 0;font-size:19px;font-family:Montserrat,Noto sans kr;font-weight:800;letter-spacing:-0.5px;text-align:left;}
#sititemcost span{font-size:14px;font-family:Montserrat,Noto sans kr;font-weight:200;letter-spacing:-0.5px;text-align:left;}

@media (max-width:1200px) {

#sititemtext{font-size:14px;}
#sititemcost{font-size:15px;}
#sititembasic{font-size:11px;}
#listkeywordicon3 li{font-size:12px;}
#listkeywordicon3 span{font-size:9px;}


}

@media (max-width:1000px) {

#sititembasic{display:none;}
#sititemtext{font-size:13px;}
#sititemcost strike{display:none;}
#sititemcost{font-size:17px;margin-left:0px;}
#sit_rel .sititem{width:22%;}
#sit_rel .sititem:last-child{display:none;}
#listkeywordicon3 li{font-size:11px;}
#listkeywordicon3 span{font-size:9px;}

.processplate {display:inline-block;width:50%;border-right:1px solid #ccc;padding-right:4%;height:auto;vertical-align:top;text-align:left;font-family:nanumsquare;font-weight:bold;}
.processforged {display:inline-block;width:50%;height:auto;vertical-align:top;padding-left:4%;text-align:left;margin-top:0px;font-family:nanumsquare;font-weight:bold;}

.process_midtitle {font-size:35px;border-bottom:1px dotted #ccc;background:#f5f5f5;margin-bottom:80px;font-family:nanumsquare;font-weight:400;letter-spacing:-.5px;color:#000;padding-bottom:30px;font-family:nanumsquare;font-weight:bold;}
.process_midtitleimg {display:none;}
.process_midtitleimg img{width:100%;max-width:400px;height:auto;text-align:center;}

.process_midtitleimg_m {display:inline-block;width:100%;height:auto;text-align:center;}
.process_midtitleimg_m img{width:100%;max-width:400px;height:auto;text-align:center;}

}

@media (max-width:801px) {
#sit_rel {margin-left:2%;width:98%;}
#sit_rel .sititem{width:48%;}
#rel4 {display:none;}
#rel3 {display:none;}
#rel2 {display:none;}

#sit_rel h1 {display:none;}
#sit_rel h2 {display:block;font-size:18px;margin:0 0 30px;letter-spacing:-1px;font-family:Montserrat,Noto sans kr;font-weight:normal;text-align:center;}
#sit_rel h2 span{color:#000;font-weight:bold;font-size:19px;font-family:noto sans kr;}

.processplate {display:inline-block;width:100%;border-right:0px solid #ccc;padding-right:0%;height:auto;vertical-align:top;text-align:left;font-family:nanumsquare;font-weight:bold;}
.processforged {display:inline-block;width:100%;height:auto;vertical-align:top;padding-left:0%;text-align:left;margin-top:50px;font-family:nanumsquare;font-weight:bold;}

.process_midtitle {font-size:28px;border-bottom:1px dotted #ccc;background:#f5f5f5;padding-top:20px;padding-left:30px;margin-bottom:50px;font-family:nanumsquare;font-weight:400;letter-spacing:-.5px;color:#000;padding-bottom:20px;font-family:nanumsquare;font-weight:bold;}
.process_midtitleimg {display:none;}
.process_midtitleimg img{width:100%;max-width:400px;height:auto;text-align:center;}

.process_midtitleimg_m {width:100%;height:auto;text-align:center;}
.process_midtitleimg_m img{width:100%;max-width:400px;height:auto;text-align:center;}

}

/* 쇼핑몰 회원가입 */
#container .register{margin-bottom:30px}
#register_form .register_form_inner{background:#fff}
.register #register_form{background-color:initial}

/* 쇼핑몰 비회원 주문조회 */
#mb_login_od_wr {margin:20px auto 0;border:1px solid #dde7e9;width:360px;background:#fff;text-align:center}
#mb_login_od_wr h2 {font-size:1.25em;margin:20px 0 10px}
/*#mb_login_od_wr #mb_login_od {padding:0 35px}*/
#mb_login_od_wr .frm_input {width:100%;margin:10px 0 0}
#mb_login_od_wr .btn_submit {width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em}
#mb_login_od_wr p {background:#f3f3f3;margin:20px 0 0;padding:15px 20px;line-height:1.5em}

#mb_login #sns_login {margin-top:0;border-color:#edeaea;padding:25px}
#mb_login #sns_login:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #sns_login h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #sns_login .sns-wrap {margin:0 !important}
#mb_login #sns_login .sns-icon {width:49% !important;float:left !important}
#mb_login #sns_login .sns-icon:nth-child(odd) {margin-right:2%}
#mb_login #sns_login .txt {font-size:0.95em;padding-left:5px !important;border-left:0 !important}

/*쇼핑몰 비회원 구매*/
#mb_login_notmb {width:360px;margin:30px auto;padding:20px 30px;background:#fff;border:1px solid #dde7e9}
#mb_login_notmb h2 {font-size:1.25em;margin:10px 0;text-align:center}
#mb_login_notmb p {text-align:left}
#mb_login_notmb label {text-align:left}
#guest_privacy {border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit {display:block;text-align:center;margin-top:10px;line-height:45px}

/* 쇼핑몰 로그인 */
.mb_log_cate h2 {width:50%;float:left;padding:20px 0;text-align:center}
.mb_log_cate .join {width:50%;float:left;padding:20px 0;text-align:center;background:#f7f7f7;color:#6e6e6e}
.mb_log_cate:after {display:block;visibility:hidden;clear:both;content:""}
.mbskin .chk_box input[type="checkbox"] + label span{position:relative}

/* 새글 */
.is_community .tbl_head01 td {color:#666;padding:10px 5px;border-top:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;border-left:0 none;line-height:1.4em;height:60px;word-break:break-all}

/* 글쓰기 및 글보기 */
.is_community .chk_box input[type="checkbox"] + label span{top:2px;left:0}
.is_community .bo_fx{margin-bottom:20px}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#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}

/* 이미지 등비율 리사이징 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#captcha #captcha_img {height:40px;border:1px solid #898989;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat;text-indent:-999px;border-radius:3px}
#captcha #captcha_reload {margin:0;padding:0;width:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha2.png') no-repeat 0 -40px;text-indent:-999px;border-radius:3px}
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333em;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc {display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center}
.cke_sc_def dl {margin:0 0 5px;text-align:left}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* ckeditor 태그 기본값 */
#bo_v_con ul {display:block;list-style-type:disc;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con ol {display:block;list-style-type:decimal;margin-top:1em;margin-bottom:1em;margin-left:0;margin-right:0;padding-left:40px}
#bo_v_con li {display:list-item}

/* Mobile화면으로 */
#mobile_cng {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}

/* 목록 바로가기 */
.sanchor {margin:30px 0 20px;padding:0}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;width:20%;text-align:center;list-style:none}
.sanchor li a {display:block;position:relative;height:60px;margin-left:-1px;background-color:#f7f7f7;border:1px solid #cdcdcd;border-bottom:1px solid #000;font-size:1.25em;color:#666;line-height:58px;text-align:center;z-index:1}
.sanchor li .sanchor_on {margin:0 0 0 -1px;border:1px solid #000;background:#fff;z-index:2;border-bottom-color:#fff;color:#000;font-weight:bold}
.sanchor li a .item_qa_count,.sanchor li a .item_use_count {display:inline-block;background:#aaa;padding:0 5px;line-height:23px;border-radius:15px;color:#fff;min-width:23px;font-size:12px}
.sanchor li .sanchor_on .item_qa_count,.sanchor li .sanchor_on .item_use_count {background:#55bfb1}

/* 콘텐츠별 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}

/* 버튼 */
a.btn,.btn {line-height:35px;height:35px;padding:0 10px;text-align:center;font-weight:bold;border:0;font-size:1.4em;
-webkit-transition:background-color 0.3s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

a.btn01 {display:inline-block;padding:7px;border:1px solid #bababa;background:#fff;color:#717171;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;background:#000;color:#fff;border-radius:3px;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {border:1px solid #000;background:#000;color:#fff;cursor:pointer;}
.btn_submit:hover {background:#305029}
.btn_close {border:1px solid #dcdcdc;cursor:pointer;background:#fff}
a.btn_close {text-align:center;line-height:50px}

a.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover {background:#aaa}
a.btn_frmline, button.btn_frmline {display:inline-block;width:200px;height:35px;border:0;background:#000;border-radius:0px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {}
button.btn_frmline {font-size:1em}
a.btn_frmline {line-height:24px}

a.btn_frmline100, button.btn_frmline100 {display:inline-block;height:35px;border:0;background:#000;border-radius:0px;color:#fff;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline100 {}
button.btn_frmline100 {font-size:1em}
a.btn_frmline100 {line-height:24px}

/* 기본테이블 */
.tbl_wrap table {width:95%;margin:0 auto;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:20px 0;font-weight:bold;text-align:left}
.tbl_wrap2 table {width:100%;margin:0 auto;border-collapse:collapse;border-spacing:0}
.tbl_wrap2 caption {padding:20px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px}
.tbl_head01 table {}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:2px solid #000;border-bottom:1px solid #d3d3d3;background:#fff;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:15px 5px;border-top:1px solid #f3f3f3;border-left:1px solid #f3f3f3;line-height:1.5em;word-break:break-all}
.tbl_head01 td:first-child {border-left:0}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:7px;background:#f3f3f3;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

.tbl_head03 {margin:0 0 10px;font-family:Montserrat,Noto sans kr;}
.tbl_head03 table {border-bottom:1px solid #d3d3d3;}
.tbl_head03 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head03 thead th {padding:10px 15px;color:#383838;font-size:13px;font-family:Montserrat,Noto sans kr;text-align:left;letter-spacing:-0.5px}
.tbl_head03 thead a {color:#383838}
.tbl_head03 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head03 tfoot th, .tbl_head03 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head03 tbody th {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head03 td {background:#fff;background-clip:padding-box;overflow:hidden;padding:15px 0px;border-bottom:1px solid #ccd2d9;border-left:1px solid #f6f6f6;line-height:1.5em;word-break:break-all}
.tbl_head03 td:first-child {border-left:0}
.tbl_head03 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:90px;padding:5px 10px;background:none;text-align:right;font-weight:normal}
.tbl_frm01 td {padding:5px 10px;background:transparent}
.wr_content textarea,
.tbl_frm01 textarea,
.form_01 textarea,
.frm_input {border:1px solid #d0d3db;background:#f5f5f5;color:#000;vertical-align:middle;padding:3px;font-size:16px;font-family:nanumsquare;}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:35px}
.frm_textarea {border:1px solid #d0d3db;background:#f5f5f5;color:#000;line-height:150%;padding:3px;}

.full_input, .frm_address {width:100%}
.half_input {width:49.5%}
.tbl_frm01 textarea {width:100%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_address {margin-top:5px}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/*기본리스트*/
.list_01 li {position:relative;border:1px solid #dbdbdb;border-radius:3px;margin:8px 0;padding:10px 15px;list-style:none}
.list_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.list_01 li:hover {background:#f9f9f9}

.list_02 ul:after {display:block;visibility:hidden;clear:both;content:""}
.list_02 li {float:left;width:20%;margin-bottom:80px;overflow:hidden;}
.list_02 li:nth-child(5n+1) {clear:both;margin-left:0}
.list_03 {font-size:0px;}
.list_03 li {position:relative;width:20%;display:inline-block;margin-bottom:30px;background:#fff;padding:5px}

.list_04 {font-size:0px;}
.list_04 li {position:relative;width:33.333%;height:auto;display:inline-block;vertical-align:top;margin-bottom:30px;margin-top:20px;margin-bottom:20px;background:#fff;padding:20px;}
.list_05 {font-size:0;}
.list_05 li {position:relative;width:33.333%;height:auto;display:inline-block;vertical-align:top;margin-bottom:30px;margin-top:20px;margin-bottom:20px;background:#fff;padding:20px;}

.list_06 {font-size:0px;}
.list_06 li {position:relative;width:25%;display:inline-block;vertical-align:top;margin-bottom:50px;background:#fff;padding:5px}

.list_07 {font-size:0;width:97.8%;margin-left:-5px;}
.list_07 li {position:relative;width:20%;height:auto;display:inline-block;vertical-align:top;margin-top:5px;margin-bottom:5px;background:#fff;padding:5px;}

.list_08 {font-size:0;width:97.8%;margin-left:-5px;}
.list_08 li {position:relative;width:14.2%;height:auto;display:inline-block;vertical-align:top;margin-top:5px;margin-bottom:5px;background:#fff;padding:5px;}

@media (max-width:1024px) {

.list_02 li {width:25%;margin-bottom:50px;overflow:hidden;}
.list_03 li {width:25%;margin-bottom:30px;overflow:hidden;}
.list_05 li {position:relative;width:50%;height:auto;display:inline-block;margin-top:20px;margin-bottom:20px;background:#fff;padding:20px;}
.list_06 li {width:33.333%;margin-bottom:30px;overflow:hidden;}

.list_07 {font-size:0;width:100%;margin-left:-5px;}
.list_07 li {position:relative;width:25%;height:auto;display:inline-block;vertical-align:top;margin-top:5px;margin-bottom:5px;background:#fff;padding:5px;}

.list_08 {font-size:0;width:97.8%;margin-left:-5px;}
.list_08 li {position:relative;width:25%;height:auto;display:inline-block;vertical-align:top;margin-top:5px;margin-bottom:5px;background:#fff;padding:5px;}
}

@media (max-width:800px) {

.list_04 li {position:relative;width:50%;height:auto;display:inline-block;margin-bottom:30px;margin-top:20px;margin-bottom:20px;background:#fff;padding:20px;}

.list_07 {font-size:0;width:100%;margin-left:-5px;}
.list_07 li {position:relative;width:33.333%;height:auto;display:inline-block;vertical-align:top;margin-top:5px;margin-bottom:5px;background:#fff;padding:5px;}

}

@media (max-width:801px) {

.list_02 li {width:33.333%;margin-bottom:30px;overflow:hidden;}
.list_03 li {width:50%;margin-bottom:30px;overflow:hidden;}
.list_05 li {position:relative;width:100%;height:auto;display:inline-block;margin-bottom:30px;margin-top:20px;margin-bottom:20px;background:#fff;padding:20px;}
.list_06 li {width:50%;margin-bottom:30px;overflow:hidden;}

.list_07 {font-size:0;width:102%;}
.list_07 li {position:relative;width:50%;height:auto;display:inline-block;vertical-align:top;margin-top:5px;margin-bottom:5px;background:#fff;padding:5px;}

.list_08 {font-size:0;width:102%;}
.list_08 li {position:relative;width:50%;height:auto;display:inline-block;vertical-align:top;margin-top:5px;margin-bottom:5px;background:#fff;padding:5px;}

.half_input {width:100%}

}

/*폼 리스트*/
.form_01 h2 {margin:0 0 10px;font-size:1.25em}
.form_01 li {margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input {float:right}
.form_01 textarea {height:100px;width:100%}
.form_01 .frm_label {display:inline-block;width:130px}
.form_01 .form_left {float:left;width:49.5%}
.form_01 .form_right {float:right;width:49.5%}

/* 자료 없는 목록 */
.empty_table {padding:120px 0 !important;text-align:center;color:#777 !important}
.empty_list, .empty_li {padding:100px 0 !important;text-align:center !important;color:#777 !important}

/* 필수입력 */
.required, textarea.required {background-repeat:no-repeat !important;background-position:right top !important}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:90px}
.grid_3 {width:140px}
.grid_4 {width:190px}
.grid_5 {width:240px}
.grid_6 {width:290px}
.grid_7 {width:340px}
.grid_8 {width:390px}
.grid_9 {width:440px}
.grid_10 {width:490px}
.grid_11 {width:540px}
.grid_12 {width:590px}
.grid_13 {width:640px}
.grid_14 {width:690px}
.grid_15 {width:740px}
.grid_16 {width:790px}
.grid_17 {width:840px}
.grid_18 {width:890px}

/* 테이블 항목별 정의 */

.td_board {width:120px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_default {width:60px;text-align:center}
.td_dvr {width:100px;text-align:center}
.td_group {width:100px;text-align:center}
.td_imgsmall {width:60px;text-align:center}
.td_imgsmall2 {width:120px;text-align:center}
.td_num {width:80px;text-align:center}
.td_numbig {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:100px;text-align:left}
.td_namesmall {width:50px;text-align:left}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_mngsmall {width:100px;text-align:center}
.td_statsmall {width:50px;text-align:center}

.text_left {text-align:left !important}
.text_center {text-align:center !important}
.text_right {text-align:right !important}

/* 새창 기본 스타일 */
.new_win {position:relative;background:#fff}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {font-size:1.3em;height:50px;line-height:30px;padding:10px 20px;background:#fff;color:#000;-webkit-box-shadow:0 1px 10px rgba(0,0,0,.1);
-moz-box-shadow:0 1px 10px rgba(0,0,0,.1);
box-shadow:0 1px 10px rgba(0,0,0,.1)}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin-bottom:15px;padding:0 20px}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;background:#fff;text-align:center;padding:0 10px;border:1px solid #d6e9ff;border-radius:30px;margin-left:5px}
.new_win .win_ul li:first-child {margin-left:0}
.new_win .win_ul li a {display:block;padding:8px 0;color:#6794d3}
.new_win .win_ul .selected {background:#000;border-color:#000;position:relative;z-index:5}
.new_win .win_ul .selected a {color:#fff;font-weight:bold}
.new_win .win_desc {position:relative;margin:10px;border-radius:5px;font-size:1em;background:#f2838f;color:#fff;line-height:50px;text-align:left;padding:0 20px}
.new_win .win_desc i {vertical-align:baseline}
.new_win .win_desc:after {content:"";position:absolute;left:0;top:0;width:4px;height:50px;background:#da4453;border-radius:3px 0 0 3px}
.new_win .frm_info {font-size:0.92em;color:#919191}
.new_win .win_total {float:right;display:inline-block;line-height:30px;font-weight:normal;font-size:0.75em;color:#000;background:#f6f6f6;padding:0 10px;border-radius:5px}
.new_win .new_win_con {margin:20px 0;padding:20px}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .new_win_con2 {margin:20px 0 0}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn {text-align:center;padding-bottom:30px}
.new_win .btn_close {height:45px;width:60px;overflow:hidden;cursor:pointer}
.new_win .btn_submit {padding:0 20px;height:45px;font-weight:bold;font-size:1.083em}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646;background:#111}
.sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:3px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {margin:0 0 150px 0;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg {text-align:center}
.pg_page, .pg_current,.qa_page {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page,.qa_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;}
.pg_page:hover,.qa_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}

.pg_current {display:inline-block;background:#000;border:1px solid #000;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;}

/* 팁 */
.tooltip_icon {display:inline-block;vertical-align:middle;color:#b3b5b8;border:0;font-size:1.4em;background:transparent;cursor:pointer}
.tooltip_icon:hover {color:#448bf5}
.tooltip {position:relative;width:auto;color:#fff;background:#000;padding:10px;font-size:small;line-height:18px;display:none;position:absolute;z-index:9;font-weight:normal;margin-left:15px;margin-top:20px}
.tooltip:before {content:"";position:absolute;top:0;left:-10px;width:0;height:0;border-style:solid;border-top:0px solid transparent;border-bottom:10px solid transparent;border-left:0;border-right:10px solid #000}

.tooltip_txt {position:relative;text-align:left;color:#fff;height:50px;line-height:50px;font-size:1.1em;background:#f2838f;margin:0 0 10px;padding:0 20px;border-radius:5px;font-weight:bold}
.tooltip_txt:before {content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453}
.tooltip_txt i {vertical-align:middle}


/* ########## 쇼핑몰 컨텐츠 ########## */
/* 인덱스 이미지 출력 */
#sidx_img {margin:0 0 20px}
#sidx_img img {max-width:100%;height:auto}


/* 상품 메일 추천하기 */
#sit_rec_new {}
#sit_rec_new th,
#sit_rec_new td {display:block;width:100%}
#sit_rec_new th {text-align:left;margin-top:20px;margin-bottom:5px}
#sit_rec_new textarea {width:100%;min-height:100px}
#sit_rec_new .win_btn {margin:20px 0}

/* 마이페이지 */
#smb_my {width:95%;margin:0 auto;position:relative;font-family:Montserrat,Noto sans kr;}

#smb_my_ov {margin:0 0 20px;position:relative}
#smb_my_ov h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#smb_my_ov .my_ov_name{display:block;background:#f5f5f5;border:1px solid #ccc;line-height:45px;padding:0 20px;font-size:15px;}
#smb_my_ov .my_ov_name span{font-weight:400;font-size:13px;letter-spacing:-1px;}
#smb_my_ov .my_ov_name img{width:20px;border-radius:50%}
#smb_my_act {clear:both;position:relative;width:100%;height:50px;text-align:right;}
#smb_my_act ul {float:right;margin:0;padding:0;list-style:none}
#smb_my_act li {float:left;margin:0 0 0 4px}
#smb_my_act li a{line-height:25px;padding:0 5px}
#smb_my_act li .btn_admin{height:27px;}
#smb_my_ov .cou_pt{position:absolute;top:0 ;right:0;}
#smb_my_ov .cou_pt dt{float:left;width:90px;line-height:55px;}
#smb_my_ov .cou_pt dd{float:left;width:110px;text-align:right;padding:0 20px 0 0  ;line-height:55px;}
#smb_my_ov .cou_pt dd a{color:#ff2b64;font-weight:bold;font-size:1.167em}
#smb_my_ov .op_area{background:#fff;width:100%;border:1px solid #ccc;border-top:0;padding:10px 15px;line-height:18px;color:#555}
#smb_my_ov .btn_admin {display:inline-block;background:#d13f4a;color:#fff;text-decoration:none;vertical-align:middle;border-radius:3px}
#smb_my_ov .op_area:after {display:block;visibility:hidden;clear:both;content:""}
#smb_my_ov .op_area dd{float:left;width:100%;margin:3px 0}
.my_ov_btn{text-align:center;}
.my_ov_btn button{background:#fff;border:1px solid #ccc;vertical-align:top;border-top:0;width:100px;height:25px}
.my_ov_btn button:hover{background:#f3f3f3}

#smb_my_ovaddd{width:90%}
#smb_my_ovaddt {border-bottom:0 !important}
#smb_my_ovaddd {width:100% !important;border-bottom:0 !important}

#smb_my_od  td{text-align:center}
#smb_my_od  td a{font-weight:bold}
#smb_my_wish{position:relative;}
#smb_my_wish h2 {margin:0 0 10px;font-size:1.25em;padding:0 0 10px;border-bottom:2px solid #000}
.smb_my_img{width:100%;}
.smb_my_tit{margin:5px 0 ; font-size:1.167em;font-weight:bold}
.smb_my_date{font-size:12px;color:#777}
.smb_my_more {position:absolute;top:0;right:0;}
#smb_my_wish .list_02 .smb_my_img{float:left;margin:0}
.smb_my_more a{display:block;background:url('../img/more-btn.gif') no-repeat 0 2px;padding-left:20px;height:30px}
.smb_my_img a{display:block}
.smb_my_img a img{max-width:100%;height:auto}

/* 마이페이지 list */
#smb_my_list {float:left;width:915px}

#smb_my_od h2 {margin:0 0 20px;font-size:21px;letter-spacing:-1px;font-weight:normal;}
#smb_my_od {position:relative;margin:0 0 50px}
.smb_my_od {background:#fff}
.smb_my_od li {padding:15px;border-bottom:1px solid #ececec}
.smb_my_od li:last-child {border-bottom:0}
.smb_my_od li:after {display:block;visibility:hidden;clear:both;content:""}
.smb_my_od li:hover {background:#fff6f6}
.smb_my_od .smb_my_od_li {float:left;line-height:18px}
.smb_my_od .smb_my_od_li1 {width:140px;text-align:center}
.smb_my_od .smb_my_od_li2 {width:75%;padding:0 20px}
.smb_my_od .smb_my_od_li3 {width:80px;float:right;text-align:center}

.smb_my_od .ord_num,
.smb_my_od .ord_name {font-weight:bold;letter-spacing:-0.5px}
.smb_my_od .date {color:#b5b5b5}
.smb_my_od .cost {color:#000;font-weight:bold}
.smb_my_od .misu {color:#6d6d6d}

#smb_my_wish {position:relative;margin-bottom:30px}
#smb_my_wish h2 {margin:0 0 10px;padding-bottom:20px;font-size:21px;letter-spacing:-1px;font-weight:normal;border-bottom:1px solid #d9dde2}
#smb_my_wish .smb_my_chk {display:inline-block;float:left;margin-right:10px;color:red}
#smb_my_wish .smb_my_img {float:left;margin-right:20px;padding:0 0 10px 0;}
#smb_my_wish .smb_my_tit {margin:0px 0 5px 0;font-size:15px;}
#smb_my_wish .smb_my_price {font-weight:bold;margin-bottom:0px}
#smb_my_wish .smb_my_date {margin:0 0 5px 0;font-size:12px;color:#777}
.smb_my_more {position:absolute;top:10px;right:10px}
.smb_my_more a {display:block;background:url('../img/more-btn.gif') no-repeat 0 2px;padding-left:20px;height:30px}
#smb_my_wish li .wish_del {position:absolute;right:20px;top:50px;font-size:1.4em;color:#b2b2b2}
#smb_ws_act {text-align:center;margin:20px 0 30px}
#smb_ws_act .btn01 {width:180px;height:50px;font-weight:bold;font-size:1.167em;border:1px solid #98a3b3;border-radius:3px}
#smb_ws_act .btn02 {width:180px;height:50px;font-weight:bold;font-size:1.167em;border:1px solid #000;border-radius:3px;background:#000}

/* 장바구니 주문서 공통 */

.od_prd_list .td_chk {}
.od_prd_list .td_prd {border-left:0;position:relative;padding-left:120px;min-height:100px}
.od_prd_list .td_prd .sod_img {position:absolute;top:25px;left:20px}
.od_prd_list .td_prd .sod_name {min-height:80px;font-size:13px;padding-top:9px;}
.od_prd_list .td_prd .prd_name {font-size:17px;font-weight:200;color:#333;font-family:S-CoreDream-4Regular;}
.od_prd_list .total_prc {color:#000;font-weight:bold;font-size:15px;}

.sod_opt {margin:0px 0}
.sod_opt ul {display:inline-block;margin:0;padding:0;list-style:none}
.sod_opt li {color:#000;padding:3px 0;font-family:S-CoreDream-4Regular;line-height:15px;font-size:13px;color:#666;}
.sod_opt li:before {content:"상품";font-size:11px;display:inline-block;margin:1px 8px 2px 0;padding:2px 4px 2px 4px;border-radius:2px;background:#000;line-height:13px;color:#fff}
.sod_option_btn .mod_options {height:27px;letter-spacing:-1px;margin:5px 0 0;border:1px solid #ddd;color:#000;background:#f5f5f5;font-family:Montserrat,Noto sans kr;border-radius:3px;width:100px;}
.cp_btn {padding:0 10px;border:1px solid #d4d6db;color:#000;background:#fff;height:26px;border-radius:3px}
.cp_cancel {padding:0 10px;border:1px solid #aaa;color:#666;background:#fff;height:26px;border-radius:3px}

#titlecommon{width:95%;margin:0 auto;height:80px;margin-top:30px;margin-bottom:50px;font-size:35px;font-family:noto sans kr;font-weight:600;border-bottom:1px solid #ddd;letter-spacing:-2px;}

#bbslist_subject {font-size:17px;color:#000;line-height:20px;font-family:nanum gothic;}
#bbslist_content {color:#999;font-size:13px;}
#bbslist_subject:hover {color:#000;}
#bbslist_content:hover {color:#000;}
#bbslist_contentm {display:none;}
#bbslist_img {position:relative;float:left;width:120px;text-align:center;height:85px;overflow:hidden;}
#bbslist_img2 {position:relative;float:left;width:100px;text-align:left;height:85px;overflow:hidden;}

#brmobile {display:block;}

@media (max-width:801px) {

.pg_wrap {margin:0 0 100px 0;text-align:center}

#titlecommon{width:95%;margin:0 auto;height:60px;margin-top:20px;margin-bottom:30px;font-size:26px;font-family:noto sans kr;font-weight:600;border-bottom:1px solid #ddd;letter-spacing:-2px;}
#bbslist_subject {font-size:15px;color:#000; }
#bbslist_content {display:none;}
#bbslist_contentm {display:block;color:#999;line-height:16px;font-size:12px;}
#bbslist_img {position:relative;float:left;width:18%;height:70px;margin-bottom:8px;overflow:hidden;text-align:center;}
#bbslist_img img{float:left;width:80% !important;height:auto !important;margin-top:2px;}
#bbslist_img2 {position:relative;float:left;width:18%;height:70px;margin-bottom:8px;overflow:hidden;text-align:center;}
#bbslist_img2 img{float:left;width:80% !important;height:auto !important;margin-top:2px;}
#brmobile {display:none;}

}

/* 장바구니 */
#sod_bsk {margin-bottom:30px}
.btn_cart_del {width:95%;margin:0 auto;padding:10px 0 10px 20px;border-bottom:1px solid #ccd2d9}
.btn_cart_del button {height:30px;padding:0 10px;border:1px solid #d4d6db;border-radius:5px;background:#fff;color:#666}
#sod_bsk_list {position:relative;font-family:Montserrat,Noto sans kr;}
#sod_bsk #sod_bsk_tot {width:95%;margin:0 auto;margin-top:20px;border:0px;}
#sod_bsk #sod_bsk_tot ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk #sod_bsk_tot li {float:left;width:50%;background:#4a505a;color:#fff;border-left:1px solid #212a37;text-align:right;padding:20px;font-size:15px}
#sod_bsk #sod_bsk_tot li:first-child {border:0}
#sod_bsk #sod_bsk_tot li span {display:inline-block;float:left}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt {width:50%;background:#000}
#sod_bsk_act {text-align:center;margin-top:50px;margin-bottom:30px}
#sod_bsk_act .btn_submit {height:50px;padding:0 10px;width:200px;font-family:Montserrat,Noto sans kr;font-size:16px;}
#sod_bsk_act .btn01 {height:50px;line-height:50px;padding:0 10px;width:160px;font-family:Montserrat,Noto sans kr;font-size:15px;}
#sod_bsk_act p {margin:0 0 10px}

/* 장바구니 선택사항수정 */
#sod_bsk_list #mod_option_frm {z-index:10000;position:fixed;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px;margin-left:-280px;
margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit}
#sod_bsk_list .mod_option_bg {content:"";position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.1);display:block;z-index:9999}
#mod_option_frm h2 {border-bottom:1px solid #e8e8e8;padding:0 20px;line-height:50px;font-size:19px;font-family:Montserrat,Noto sans kr;letter-spacing:-1.5px;}

.option_wr {padding:20px 20px 0}
.option_wr h3 {font-size:1.167em;margin-bottom:10px}
.option_wr .get_item_options,
.option_wr .get_item_supply {margin-bottom:10px}
.option_wr label {display:block;margin:10px 0 5px}
.option_wr select {width:100%;border:1px solid #d4d4d4;height:48px}

#sit_opt_added {margin:0;padding:0;list-style:none}
#sit_opt_added li {padding:10px 0 15px 20px;background:#f9f9f9;border:1px solid #e6e9ed;margin:10px 0;position:relative}
#sit_opt_added li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added li .opt_name {line-height:22px;font-weight:400;font-size:15px;font-family:S-CoreDream-4Regular;}
#sit_opt_added li .opt_count {padding-top:15px;}
#sit_opt_added button {float:left;width:30px;height:30px;border:1px solid #bdc9dc;border-radius:0;background:#fff;color:#666;font-size:0.92em}
#sit_opt_added button:hover {color:#000}
#sit_opt_added .num_input {float:left;border:0;height:30px;width:40px;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;text-align:center}
#sit_opt_added .sit_opt_del {position:absolute;right:0;top:0;font-size:15px;border:0;border-left:1px solid #e6e9ed;border-bottom:1px solid #e6e9ed}
#sit_opt_added .sit_opt_del:hover {color:#be334a}
#sit_opt_added .sit_opt_prc {display:block;float:right;width:150px;padding:0 20px;text-align:right;line-height:30px;font-size:17px;font-weight:400;font-family:Montserrat,S-CoreDream-4Regular;color:#000;}

#mod_option_frm #sit_sel_option {margin:20px 20px 10px}
#mod_option_frm #sit_tot_price {float:left;display:inline-block;margin:0 20px 20px;}
#mod_option_frm #sit_opt_added {}
#mod_option_frm .btn_confirm {float:right;display:inline-block;margin:0 20px 20px;background:yellow}
#mod_option_frm .btn_confirm .btn_submit {width:100px;height:40px;font-size:17px;font-weight:normal;cursor:pointer}
#mod_option_frm .btn_confirm .btn_close {position:absolute;top:0;right:0;width:50px;height:50px;border:0;background:none;font-size:1.25em;border-radius:0}
#mod_option_frm .btn_confirm .btn_close:hover {background:#f3f3f3}

/* 주문서 작성 */
#sod_frm {}
#sod_frm:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm p {margin:0 0 10px}
#sod_frm .od_prd_list {margin-bottom:20px}
#sod_list {position:relative}
#sod_list #cp_frm {z-index:10000;position:absolute;top:50%;left:50%;width:540px;height:auto !important;height:500px;max-height:500px;margin-left:-270px;margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit}

.od_coupon h3{border-bottom: 1px solid #cdcdcd;padding: 0 20px;line-height: 50px;margin: 0 0 15px;font-size: 1.25em;text-align:left;
-webkit-box-shadow: 1px 2px 2px #eee;
-moz-box-shadow: 1px 2px 2px #eee;
box-shadow: 1px 2px 2px #eee;}
.od_coupon .btn_close {position: absolute;top: 0;right: 0;width: 50px;height: 50px;border: 0;background: none;border-left: 1px solid #cdcdcd;font-size: 1.25em;}
.od_coupon .btn_close:hover{background:#f3f3f3}
.od_coupon .tbl_head02{margin:20px}
.od_coupon .cp_apply{padding: 0 5px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;}
.od_coupon td,#sod_frm_pay .od_coupon td{text-align:left;border-left:0;padding:7px}
#sod_frm_pay .od_coupon th{width:auto;text-align:center;padding: 7px;background: #f3f3f3;border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3;}
.od_coupon .td_numbig,#sod_frm_pay .od_coupon .td_numbig{text-align:center;}
.od_coupon .td_mngsmall{width:60px}

/* 주문서 작성 - 왼쪽 */
.sod_left {display:inline-block;float:left;width:62.5%;margin-right:2%;margin-left:3%;margin-top:30px;margin-bottom:50px;vertical-align:top}
.sod_left2 {display:inline-block;float:left;width:68%;margin-right:2%;margin-top:30px;margin-bottom:50px;vertical-align:top}


@media (max-width:900px) {
.sod_left {width:100%;margin:0 auto;vertical-align:top;;margin-top:30px;}
.sod_left2 {width:100%;margin:0 auto;vertical-align:top;;margin-top:30px;}
}

/* 주문서 작성 - 주문하시는 분 */
#sod_frm .tbl_frm01 {padding:20px 10px}
#sod_frm .tbl_frm01 th,#sod_frm .tbl_frm01 td {text-align:left;padding:10px;vertical-align:top}
#sod_frm .tbl_frm01 th{padding:0px 10px}
#sod_frm .tbl_frm01 td input {width:100%}
#sod_frm .tbl_frm01 td .addr input {width:20%}
#sod_frm .tbl_frm01 td .addr button {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px}

/* 주문서 작성 - 받으시는 분 */
#sod_frm_taker .tbl_frm01 {padding:20px 10px}
#sod_frm_taker .tbl_frm01 .choice_place {display:block;background:#edf3fc;padding:10px 15px;border:1px solid #d1ddee;margin:0 10px 10px}
#sod_frm_taker .tbl_frm01 .choice_place:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm_taker .tbl_frm01 .choice_place .chk_box {float:left;display:inline-block;width:85%;line-height:30px}
#sod_frm_taker .tbl_frm01 .choice_tit {float:left;display:inline-block;width:15% !important;line-height:30px}
#sod_frm_taker .tbl_frm01 .choice_place input[type="radio"] + label span {top:7px}
#sod_frm_taker .tbl_frm01 .choice_place input,
#sod_frm_taker .tbl_frm01 .choice_place label {margin-left:10px}
#sod_frm_taker .tbl_frm01 .btn_frmline {width:80px;height:30px;line-height:28px;background:#fff;border:1px solid #d4d6db;color:#606060;text-align:center;float:right}

#sod_frm_taker .tbl_frm01 td input {width:100%}
#sod_frm_taker .tbl_frm01 td .addr input {width:20%}
#sod_frm_taker .tbl_frm01 td .addr button {background:#434a54;color:#fff;width:128px;height:45px;border:0;border-radius:3px}
#sod_frm_taker .tbl_frm01 td .ad_choice {padding:5px 0}
#sod_frm_taker .tbl_frm01 td .ad_choice input {width:auto}

/* 주문서 작성 - 공통 */
#sod_frm_orderer, #sod_frm_taker {margin:0 0 30px;border:1px solid #e3e5e8;background:#fff}
#sod_frm section h2 {border-bottom:1px solid #e2e4e7;font-size:19px;padding:20px;font-weight:normal;}
#sod_frm_orderer #od_addr_jibeon,
#sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0}

/* 5.4.1.3 버전이후 추가 css */
#sod_frm div.tbl_frm01, #sod_frm_taker div.tbl_frm01{padding:0px 10px !important}
#sod_frm .tbl_frm01 th, #sod_frm .tbl_frm01 td{padding:5px;padding-left:15px;line-height:35px}
#sod_frm .tbl_frm01 th{width:25%;}
#sod_frm #od_name,#sod_frm #od_tel,#sod_frm #od_hp,#sod_frm #od_pwd,#sod_frm #od_b_name,#sod_frm #od_b_tel,#sod_frm #od_b_hp,#sod_frm #ad_subject,#sod_frm #od_hope_date{width:40%}
#sod_frm #od_zip,#sod_frm #od_b_zip{width:90px}
#sod_frm .tbl_frm01 td .btn_address {background:#000;color:#fff;width:120px;height:35px;border:0}
#sod_frm #od_memo{min-height:100px}
#sod_frm_taker .order_choice_place{position:relative;height:auto;padding-bottom:5px;font-size:13px;overflow:hidden;background:#f5f5f5;border:1px solid #ddd;padding-left:10px;padding-top:5px}
#sod_frm_taker .tbl_frm01 .btn_frmline{float:none;position:absolute;top:8px;right:10px}
#sod_frm  #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm  #sod_bsk_tot li{position:relative;float:left;background:#f5f5f5;width:50%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:10px 0}
#sod_frm  #sod_bsk_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm  #sod_bsk_tot li span{display:block;color:#777;margin-bottom:5px;font-weight:normal;font-size:15px;}
#sod_frm  #sod_bsk_tot .sod_bsk_sell,#sod_frm  #sod_bsk_tot .sod_bsk_coupon{border-right:1px solid #e7ebf1}
#sod_frm  #sod_bsk_tot .sod_bsk_point,#sod_frm  #sod_bsk_tot .sod_bsk_cnt{width:100%;clear:both;height:40px;padding:0 15px;line-height:40px;text-align:right}
#sod_frm  #sod_bsk_tot li:last-child {border-bottom:0 none}
#sod_frm  #sod_bsk_tot .sod_bsk_point span,#sod_frm  #sod_bsk_tot .sod_bsk_cnt span {float:left;margin:0}
#sod_frm  #sod_bsk_tot .sod_bsk_coupon:before{display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;padding-top:2px;background:#000;color:#fff;border-radius:50%;border:1px solid #000;font-weight:bold;font-size: 16px;line-height: 14px;}
#sod_frm  #sod_bsk_tot .sod_bsk_dvr:before{display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;padding-top:3px;height:20px;background:#000;color:#fff;border-radius:50%;border:1px solid #000;font-weight:bold;font-size: 16px;line-height: 14px;}
#sod_frm  #sod_bsk_tot .sod_bsk_cnt strong{color:#000;font-size:1.25em}
#sod_frm_pay {position:relative;margin:10px 0}
#sod_frm  #sod_frm_pay h2 {position:absolute;border:0;font-size:0;line-height:0;content:""}
#sod_frm_pay .pay_tbl table{width:100%;border-collapse:collapse}
#sod_frm_pay .pay_tbl th{text-align:left;padding:10px;width:80px;border-bottom:1px solid #e7ebf1;background:#fff;font-weight:bold;color:#777}
#sod_frm_pay .pay_tbl td{text-align:right;padding: 10px;height:30px;border-bottom:1px solid #e7ebf1;background:#fff}
#sod_frm_pay .pay_tbl td span{font-size:12px;}
#sod_frm_pay .pay_tbl td .cp_cancel{margin:0 0 0 2px}
#sod_frm_pay .pay_tbl td .btn_frmline{padding: 0 7px;border: 1px solid #38b2b9;color: #38b2b9;background: #fff;height: 23px;line-height: 21px;margin: 0;}
#od_tot_price{margin:10px 0;background:#fff;line-height:40px;text-align:right;padding:0 10px}
#od_tot_price span{float:left;font-weight:bold}
#od_tot_price strong{font-size:1.5em;color:#000}
#sod_frm #sod_frm_pt_alert {margin:5px 0;color:#38b2bb }
#od_pay_sl h3{font-size:1.167em;margin:20px 0 5px}
#od_pay_sl input[type="radio"]{position:absolute;width:0;height:0;overflow:hidden;visibility:hidden;text-indent:-999px;left: 0;z-index: -1px;}
#od_pay_sl .lb_icon {display: inline-block;float:left;width:50%;background:#fff;border:1px solid #eceff4;margin:-1px 0 0 -1px;cursor: pointer;height:60px;position:relative;padding-left:65px;padding-top:20px;z-index:1}
#od_pay_sl input[type="radio"]:checked+.lb_icon {border:1px solid #000;z-index:3}
#sod_frm_paysel {}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_frm_paysel .KPAY{background:url('../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYNOW{background:url('../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .PAYCO{background:url('../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_lpay{background:url('../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_kakaopay{position:relative;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .inicis_kakaopay em{position:absolute;top:15px;left:45px;width:70px;height:30px;background:url('../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px}
#sod_frm_paysel .kakaopay_icon{background:url('../img/kakao.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .naverpay_icon{background:url('../img/ico-default-naverpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#sod_frm_paysel .bank_icon{background:url('../img/pay_icon1.png') no-repeat 15px 50% #fff}
#sod_frm_paysel .vbank_icon{background:url('../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#sod_frm_paysel .iche_icon{background:url('../img/pay_icon2.png') no-repeat 15px 50% #fff;padding-top:13px}
#sod_frm_paysel .hp_icon{background:url('../img/pay_icon3.png') no-repeat 24px 50% #fff}
#sod_frm_paysel .card_icon{background:url('../img/pay_icon4.png') no-repeat 17px 50% #fff}
#forderform .sod_right #sod_bsk_tot {border:1px solid #e3e5e8}
#forderform .od_pay_buttons_el{margin-top:20px;border:1px solid #e3e5e8;background:#fff;padding:10px}
#forderform .od_pay_buttons_el h3{font-size:1.167em;margin:0px 0 5px}
#forderform #sod_frm_pt{border-top:1px solid #e3e5e8}

.sod_right .pay_tbl{border:1px solid #e3e5e8;border-bottom:0 none}
.sod_right #od_tot_price{border:1px solid #e3e5e8}
#sod_frm_pay .od_pay_buttons_el:after{display:block;visibility:hidden;clear:both;content:""}
#sod_frm_pay .sod_frm_point{margin-top:20px;border:1px solid #e3e5e8}
#sod_frm_pay .sod_frm_point div{background:#fff;padding:10px;text-align:left;text-align:right}
#sod_frm_pay .sod_frm_point div:after {display:block;visibility:hidden;clear:both;content:''}
#sod_frm_pay .sod_frm_point div label{float:left;line-height:30px;font-weight:bold}
#sod_frm_pay .sod_frm_point div span{display:block}
#sod_frm_pay .sod_frm_point div span:after {display:block;visibility:hidden;clear:both;content:''}
#sod_frm_pay .sod_frm_point div strong{float:left;color:#666}
#sod_frm_pay .sod_frm_point .max_point_box em{font-style:normal !important}
#sod_frm_pay .sod_frm_point #od_temp_point{height:30px;text-align:right;padding:0 5px;border:1px solid #ccc;}

/* 주문서 작성 - 오른쪽 */
.sod_right {display:inline-block;float:left;width:30%;height:100%;vertical-align:top;margin-top:30px;}

@media (max-width:900px) {

.sod_right {width:100%;margin:0 auto;vertical-align:top;margin-top:30px;margin-bottom:30px;}

}

.sod_right #sod_bsk_tot {border:1px solid #000}
.sod_right #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
.sod_right .sod_info li {position:relative;float:left;background:#fff;width:33.333%;height:70px;text-align:center;border-bottom:1px solid #e7ebf1;padding:15px 0}
.sod_right .sod_info li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_right .sod_info li span {display:block;color:#777;margin-bottom:5px;font-weight:bold;color:#000}
.sod_right .sod_info .sod_bsk_sell, .sod_right .sod_info .sod_bsk_coupon {border-right:1px solid #e7ebf1}
.sod_right .sod_info .sod_bsk_coupon:before {display:block;content:"-";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#9da6c9;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px}
.sod_right .sod_info .sod_bsk_dvr:before {display:block;content:"+";position:absolute;top:25px;left:-10px;width:20px;height:20px;background:#fff;color:#9da6c9;border-radius:50%;border:1px solid #e7ebf1;font-weight:bold;font-size:16px;line-height:14px}
.sod_right .sod_info .sod_bsk_cnt strong {font-size:13px}

.sod_right .sod_info_bt {clear:both;padding:10px 15px;background:#fff}
.sod_right .sod_info_bt:after {display:block;visibility:hidden;clear:both;content:""}
.sod_right .sod_info_bt li {}
.sod_right .sod_info_bt li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_right .sod_info_bt li span {display:inline-block;float:left;width:50%;line-height:28px;text-align:left;font-weight:bold;color:#000}
.sod_right .sod_info_bt li strong {display:inline-block;float:left;width:50%;line-height:28px;text-align:right}

.sod_right .sod_info_option {clear:both;border-top:1px solid #e7ebf1}
.sod_right .sod_info_option h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.sod_right .sod_info_option ul {padding:10px 15px;background:#fff}
.sod_right .sod_info_option li {margin-bottom:5px}
.sod_right .sod_info_option li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_right .sod_info_option .sod_ifop_tit {display:inline-block;float:left;width:50%;line-height:28px;text-align:left;font-weight:bold}
.sod_right .sod_info_option .sod_ifop_tit .btn_frmline {width:auto;height:30px;color:#000;background:#fff;border:1px solid #d4d6db}
.sod_right .sod_info_option .sod_ifop_tit .cp_cancel {width:auto;height:30px;border:1px solid #d4d6db;padding:0 5px;margin-left:5px;color:#b1b1b1;vertical-align:baseline}
.sod_right .sod_info_option .sod_ifop_tit .od_coupon {z-index:10000;position:absolute;top:50%;left:50%;min-width:300px;height:auto !important;height:500px;max-height:500px;margin-left:-200px;margin-top:-150px;border:1px solid #dde7e9;border-radius:3px;background:#fff;overflow-y:auto;overflow-x:inherit}
.sod_right .sod_info_option .sod_ifop_tit .od_coupon>td {text-align:left}
.sod_right .sod_info_option>td, .sod_right .sod_info_option .sod_ifop_t {display:inline-block;float:left;width:50%;line-height:28px;text-align:right}
.sod_right .sod_info_option>td {text-align:right;padding:10px;height:30px}
.sod_right .sod_info_option>td .cp_cancel {margin:0 0 0 2px}
.sod_right .sod_info_option>td .btn_frmline {padding:0 7px;border:1px solid #38b2b9;color:#38b2b9;background:#fff;height:23px;line-height:21px;margin:0}

/* 주문서 작성 - 포인트사용 */

#sod_point {clear:both;background:#fff;margin-top:10px;border:1px solid #e3e5e8}
#sod_point h2 {font-size:1.167em;padding:15px;border-bottom:1px solid #e3e5e8}
#sod_point h2:after {display:block;visibility:hidden;clear:both;content:''}

#sod_point .point_tit {vertical-align:baseline;float:left;line-height:28px}
#sod_point .point_tit label {vertical-align:baseline}
#sod_point .point_ipt {float:right;display:inline-block;margin-left:35px;text-align:left;text-align:right;font-weight:normal}
#sod_point .point_ipt:after {display:block;visibility:hidden;clear:both;content:''}
#sod_point .point_ipt #od_temp_point {width:100px;height:30px;text-align:right;padding:0 5px;border:1px solid #d0d3db;border-radius:3px}

#sod_frm_pt {padding:20px}
/*
#sod_frm_pt strong {display:inline-block;width:45%;color:#000;line-height:28px;text-align:left}
#sod_frm_pt span {display:inline-block;width:55%;color:#000;text-align:right}
#sod_frm_pt span:after {display:block;visibility:hidden;clear:both;content:''}
*/
#sod_frm_pt .max_point_box em {font-style:normal !important}


/* 주문서 작성 - 결제수단 */

/* #sod_frm_pay {position:relative;margin:10px 0 0;background:#fff;border:1px solid #e3e5e8} */
#sod_frm_pay {position:relative;margin:10px 0 0}
#sod_frm_pay h2 {font-size:1.167em;padding:15px;border-bottom:1px solid #e3e5e8}
#sod_frm_pay .tooltip_txt {height:auto;line-height:18px;font-weight:normal;font-size:1em;padding:10px 20px;margin:10px}
#sod_frm_pay .tooltip_txt i {float:left;line-height:36px;font-size:2em;margin-right:15px}
#sod_frm_pay .tooltip_txt:before {height:100%}
#sod_frm_pay input[type="radio"] {}
#sod_frm_pay .lb_icon {display:inline-block;position:relative;cursor:pointer;z-index:1}
#sod_frm_pay input[type="radio"]:checked+.lb_icon {color:#000;z-index:3}
#sod_frm_pay input[type="radio"] + label span {top:7px}

#sod_frm_paysel {}
#sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden}

/*
#sod_frm_paysel .PAYCO {display:inline-block;width:75px;background:url('../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #fa1417}
#sod_frm_paysel .PAYNOW {display:inline-block;width:75px;background:url('../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #c01734}
#sod_frm_paysel .kakaopay_icon {display:inline-block;width:60px;background:url('../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px}
#sod_frm_paysel .KPAY {display:inline-block;width:58px;background:url('../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #22096a}
#sod_frm_paysel .inicis_lpay {display:inline-block;width:50px;background:url('../img/lpay_logo.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px;border:1px solid #009bd7}
*/

#sod_frm_paysel ul.pay_way {margin:0;padding:15px}
#sod_frm_paysel ul.pay_way input[type="radio"] + label span {top:7px}
#sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm_paysel li {position:relative;line-height:28px;text-align:left;list-style:none}

#settle_bank {border:1px solid #e3e5e8;border-top:0 none;background:#fff;padding:10px;clear:both;line-height:32px}
#settle_bank:after {display:block;visibility:hidden;clear:both;content:''}
#settle_bank label {float:left;width:30%;line-height:30px}
#settle_bank select, #settle_bank input {width:70%;height:32px;margin:0 0 5px;border:1px solid #e3e5e8;border-radius:3px;text-align:left}
#settle_bank option {padding:3px 0}
#settle_bank #od_deposit_name {height:32px;padding:0 5px;border:1px solid #e3e5e8}

#display_pay_button {background:#fff;padding:20px;border:1px solid #e3e5e8;border-top:0}
#display_pay_button .btn_submit {width:100%;height:50px;font-weight:normal;font-size:17px;cursor:pointer;padding-bottom:3px;border:1px solid #000}
#display_pay_button .btn01 {width:100%;height:50px;line-height:38px;font-weight:normal;font-size:15px;margin:5px 0;border:1px solid #ccd1d9}

.display_setup_message {margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9}
.display_setup_message strong {display:block;margin:0 0 10px}

#sod_frm_taker td input[type="radio"], #sod_frm_taker td input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial}
#sod_frm_taker label {display:inline-block;font-weight:normal;margin-right:1em}
#sod_frm_same {margin:0 0 10px}

#sod_frm #display_pay_process {text-align:center}
#sod_frm #display_pay_process span {display:block;margin:5px 0 0}

#od_tot_price {background:#f2faf6;line-height:20px;text-align:right;padding:15px}
#od_tot_price span {float:left;font-weight:bold}
#od_tot_price strong {font-size:1.5em;color:#000}
#sod_frm_pay_info {margin:0 0 10px}

#sod_frm_pay #sc_coupon_frm, #sod_frm_pay #od_coupon_frm {z-index:10000;position:absolute;top:0;right:0;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#fff;overflow-y:auto}
#sod_frm_deli {position:relative;line-height:2em}

#sod_frm_escrow {margin:30px 0 0}
#sod_frm #sod_frm_escrow h2 {margin:0;border:0}
#sod_frm #sod_frm_escrow p {margin:5px 0}
#display_pay_process {padding:20px;text-align:center}

/* 위시리스트 */

#sod_ws {width:98%;margin:0 auto;max-width:1250px;}
.sod_ws_img {width:100%;text-align:center}
.sod_ws_img img{width:100%;height:auto;text-align:center}
#sod_ws_act {text-align:center;margin:20px 0 30px}
#sod_ws_act button {height:50px;margin-top:30px;width:180px;font-weight:normal;font-size:17px;}
#sod_ws_act .btn01 {border:1px solid #98a3b3}
#sod_ws_act .btn02 {border:1px solid #000;background:#000}

#sod_ws li .info_link {display:block;margin:5px 0 5px;font-size:15px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#646464;font-weight:normal}
#sod_ws li .info_date {color:#646464;font-size:11px}
#sod_ws li .wish_chk {position:absolute;font-family:S-CoreDream-4Regular;top:0;border:1px solid #ccc;left:0;width:40px;text-align:center;line-height:33px;color:#000;}
#sod_ws li .wish_info {padding:0 35px 10px 50px;font-family:S-CoreDream-4Regular;position:relative;border-bottom:1px solid #e0e0e0;margin-top:10px;height:50px}
#sod_ws li .wish_del {position:absolute;top:0;right:0;width:35px;height:40px;line-height:40px;text-align:center;background:#e6e6e6;display:block;font-size:14px;color:#666;}
#sod_ws li .wish_del:hover {background:#777;color:#fff}

@media (max-width:801px) {

#sod_ws li .info_date span{display:none;}

#sod_bsk #sod_bsk_tot li {float:left;width:100%;background:#4a505a;color:#fff;border-left:1px solid #212a37;text-align:right;padding:20px;font-size:15px}
#sod_bsk #sod_bsk_tot .sod_bsk_cnt {width:100%;background:#000}

#sod_bsk_act .btn_submit {height:50px;padding:0 10px;width:55%;font-family:Montserrat,Noto sans kr;font-size:15px;margin-top:30px;}
#sod_bsk_act .btn01 {height:50px;line-height:50px;padding:0 10px;width:35%;font-family:Montserrat,Noto sans kr;font-size:13px;margin-top:30px;}

}

/* 배송지 목록 */
#sod_addr .tbl_wrap {margin:30px}
#sod_addr .td_mng .sel_address {color:#fff;background:#fff;border:1px solid #19bc9b;color:#19bc9b;padding:0 5px;height:26px;border-radius:3px}
#sod_addr .td_mng .del_address {display:inline-block;border:1px solid #aaa;color:#888;padding:0 5px;height:26px;line-height:24px;vertical-align:middle;border-radius:3px}
#sod_addr input[type="radio"] {position:absolute;left:0;z-index:-1;visibility:hidden;width:0;height:0;overflow:hidden;text-indent:-999px}
#sod_addr .default_lb {display:inline-block;background:#fff;border:1px solid #000;color:#000;cursor:pointer;position:relative;padding:0 5px;height:26px;line-height:24px;border-radius:3px}
#sod_addr input[type="radio"]:checked+.default_lb {background:#3476be;color:#fff}
#sod_addr td {height:40px;vertical-align:top}
#sod_addr .td_name {width:100px}
#sod_addr .frm_input {height:30px}
#sod_addr .td_sbj {width:155px;text-align:left}
#sod_addr .td_sbj .chk_box {display:inline-block;float:left}
#sod_addr .td_sbj .chk_box input[type="checkbox"]:checked + label span {background:url(../img/chk.png) no-repeat 50% 50% #000;border-color:#000;border-radius:3px}
#sod_addr .ad_tel {display:block;color:#666}
#sod_addr .td_mng {width:100px;padding:10px}
#sod_addr .td_mng .mng_btn {width:100%;margin:2px 0}

/* 주문내역 */
#sod_v {margin-bottom:30px;}
#sod_v:after {display:block;visibility:hidden;clear:both;content:''}
#sod_v td {text-align:left;font-size:13px;;}
#sod_v td a {font-weight:normal}
#sod_v .basic_tbl {text-align:left;}
.status_01 {display:inline-block;background:#edfbde;color:#8cc152;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px}
.status_02 {display:inline-block;background:#84c93a;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px}
.status_03 {display:inline-block;background:#e2f6f2;color:#16b494;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px}
.status_04 {display:inline-block;background:#e2eaf6;color:#000;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px}
.status_05 {display:inline-block;background:#000;color:#fff;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px}
.status_06 {display:inline-block;background:#fff;color:red;padding:0 5px;line-height:20px;font-size:0.92em;border-radius:5px}

/* 주문상세내역 */
#sod_fin {width:95%;margin:0 auto;}
#sod_fin th{padding:8px}
#sod_fin .th_line th{border-bottom:1px solid #ddd;}
#sod_fin_no {margin:0 0 20px;padding:15px;border-bottom:1px solid #ddd;background:#f3f7ec;font-size:14px;color:#000}
#sod_sts_wrap {margin:0 0 10px;text-align:right}
#sod_sts_explan {display:none}

#sod_fin_legend {padding:10px;background:#f5f5f5;margin:10px 0;border:1px solid #ddd;text-align:left;zoom:1}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''}
#sod_fin_legend dt {clear:both;float:left;margin:0 0 5px 20px;width:50px;font-weight:normal;}
#sod_fin_legend dd {float:left;margin:0;color:#666;}

#sod_fin #sod_bsk_tot li{background:#fff;border-bottom:1px solid #e7ebf1;height: 40px;;padding:0 15px;line-height:40px;text-align:right}
#sod_fin #sod_bsk_tot li span{float:left;clear:both;color: #777;}
#sod_fin #sod_bsk_tot li strong{}
#sod_fin #sod_bsk_tot .sod_bsk_cnt strong{color:#000;font-size:1.25em}

#request_form {position:relative}
#request_form div {display:none;z-index:10000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center}
#request_form .frm_input {width:300px;background:#fff !important}
#request_form .btn_frmline, #request_form .btn_cancel {vertical-align:middle !important}
#request_form .btn_frmline {padding:0 10px;line-height:1.6em}

#sod_req_btn {margin:0 0 10px}
#sod_req_btn button {background:#626870}

#sod_req_log {margin:0 0 20px}
#sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none}
#sod_req_log li {padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0}
#sod_req_log h3 {margin:20px 0 10px}
.sod_req_log_view table {margin:0}
.sod_req_log_view caption {padding:10px 0;font-size:1em;font-weight:bold;text-align:left;line-height:1em}
.sod_req_log_view caption span {color:#ff3061}
.sod_req_log_view th {border-top:1px solid #e9e9e9;background:#f7f7f7 !important;color:#000 !important;text-align:center}
.sod_req_log_view td {background:#fff;color:#000}
.sod_req_log_view p {padding:10px 15px;border-bottom:1px solid #e9e9e9;background:#fff;color:#000}
.sod_req_log_view .sod_req_it {width:270px}
.sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer}

#sod_fin_list h2 {margin:0 0 10px;font-size:17px;font-weight:normal;letter-spacing:-1px;}

#sod_fin_list .td_bdno{border-left:0}
#sod_fin_list .td_bdno a{font-weight:bold}
#sod_fin_view {border:1px solid #e9e9e9}
#sod_fin_view h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_view h3 {margin:0 0 10px}
#sod_fin_view .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}

#sod_fin_pay {margin:0;}
#sod_fin_orderer {margin:0;}
#sod_fin_receiver {margin:0;}
#sod_fin_dvr {}
#sod_fin .sod_left h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin .sod_left h3 {background:#f5f5f5;font-size:17px;font-weight:normal;letter-spacing:-1px;padding:15px 20px;border-top:1px solid #e3e5e8;border-bottom:0}
#sod_fin .sod_left .tbl_head01 {}
#sod_fin .sod_left th{padding:8px;border:0;border-bottom:1px solid #f3f3f3;text-align:left;width:100px;color:#666;}
#sod_fin .sod_left th:first-child{border-top:0px;}
#sod_fin .sod_left td{padding:8px;border:0;border-bottom:1px solid #f3f3f3;background:#fff}

#sod_fin .sod_left2 h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin .sod_left2 h3 {background:#f5f5f5;font-size:17px;font-weight:normal;letter-spacing:-1px;padding:15px 20px;border-top:1px solid #e3e5e8;border-bottom:0}
#sod_fin .sod_left2 .tbl_head01 {}
#sod_fin .sod_left2 th{padding:8px;border:0;border-bottom:1px solid #f3f3f3;text-align:left;width:100px;color:#666;}
#sod_fin .sod_left2 th:first-child{border-top:0px;}
#sod_fin .sod_left2 td{padding:8px;border:0;border-bottom:1px solid #f3f3f3;background:#fff}

#sod_fin_dvr .dvr_link {color:#ff3061;text-decoration:underline}

#sod_fin_tot {margin:10px 0}
#sod_fin_tot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_tot ul {margin:0;padding:0;list-style:none}
#sod_fin_tot li {padding:10px;background:#000;border-bottom:1px solid #72886d;color:#fff;zoom:1}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy {border-bottom:0 !important}
#sod_fin_tot #alrdy .right{margin-top:10px;text-align:right;color:#f3f3f3;font-size:0.9em}
#sod_fin_tot #alrdy .right p{position:relative}
#sod_fin_tot #alrdy .right .title{position:absolute;left:0;padding-left:8px}
#sod_fin_tot strong {float:right}

#sod_fin_cancel {text-align:center}
#sod_fin_cancel h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sod_fin_cancel button {height:45px;border:1px solid #5e6b6f;font-weight:normal;font-size:15px;width:100%;background:none;color:#5e6b6f}
#sod_fin_cancel button:hover{background:#fff}
#sod_fin_cancelfrm {display:none;margin:10px 0 0;text-align:center;background:#fff;padding:15px}
#sod_fin_cancelfrm .frm_input {background:#fff;margin: 0 0 5px;width:100%}
#sod_fin_cancelfrm .btn_frmline{background:#5e6b6f;color:#fff;border:0;padding:10px;width:100%;cursor:pointer}
#sod_fin_test {padding:10px}

/* 주문상세내역 중 현금영수증 발급 */
#scash {}
#scash section {padding:10px 0}
#scash h2 {margin:0 0 10px;text-align:center}
#scash .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#scash_apply {padding:10px 0 20px;text-align:center}
#scash_apply button {padding:10px;border:0;background:#565e60;color:#fff}
#scash_copy {text-align:center}

/* 배너 인덱스 출력 */
#sbn_idx {}

/* 쇼핑몰 이벤트 */
#sev {}
.sev_admin {margin:0 0 10px;text-align:right}
.sev_admin a {line-height:35px;padding:0 10px}

/* 쿠폰 */
#coupon {text-align:center}
#coupon h1 {text-align:left}
#coupon ul:after {display:block;visibility:hidden;clear:both;content:""}
#coupon li {padding:15px;border-bottom:1px solid #ececec;text-align:left}
#coupon .cou_top {margin-bottom:10px}
#coupon .cou_tit {font-size:1.25em;font-weight:bold}
#coupon .cou_pri {font-size:1.25em;color:#000;font-weight:bold;float:right}
#coupon .cou_target {color:#8cc152;background:#edfbde;padding:5px;line-height:20px;font-size:0.92em;border-radius:5px}
#coupon .cou_date {float:right;color:#888d92}
#coupon .btn_close {margin:20px auto}

#titlesubject {position:relative;border-bottom:1px solid #ddd;width:100%;height:90px;padding-left:20px;background:#f5f5f5;padding-top:20px;font-size:32px;font-weight:400;letter-spacing:-2.5px;}

#listline {clear:both;width:100%;float:left;height:auto;padding-top:15px;padding-bottom:10px;border-bottom:1px solid #eee;}

#listsubjectnum {width:10%;height:auto;float:left;text-align:center;}
#listsubject {width:90%;height:auto;padding-top:5px;padding-bottom:5px;float:left;text-align:left;line-height:22px;font-size:16px;font-family:nanum gothic;color:#000;}
#listsubject a:hover {color:#000;}

@media (max-width:801px) {

#titlesubject {width:100%;height:60px;margin-top:30px;background:#f5f5f5;color:#666;padding-top:15px;font-size:18px;letter-spacing:0px;}
#listline {clear:both;width:100%;float:left;height:auto;padding-top:10px;padding-bottom:5px;border-bottom:1px solid #eee;}
#listsubjectnum {width:15%;height:auto;float:left;text-align:center;}
#listsubject {width:85%;height:auto;padding-top:5px;padding-bottom:5px;float:left;text-align:left;line-height:18px;font-size:15px;color:#000;}

}

/* 모바일일때 피시버전 주문폼 */
.sod_frm_mobile .sod_list{margin:10px 0}
.sod_frm_mobile .sod_list .sod_li{background:#fff;border-bottom:1px solid #333;margin:10px 0}
.sod_frm_mobile .sod_list .li_name{font-size:1.083em}
.sod_frm_mobile .sod_list .li_op_wr{position:relative;padding:10px 10px 0 10px;min-height:50px}
.sod_frm_mobile .sod_list .li_op_wr .chk_box{position:absolute;top:10px;left:10px}
.sod_frm_mobile .sod_list .total_img{position:absolute;top:10px;left:35px}
.sod_frm_mobile .sod_list .mod_options{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#606060;background:#fff;line-height:24px;margin:5px 0 0;font-size:.923em}
.sod_frm_mobile .sod_list .li_prqty{padding:10px;border-top:1px solid #ccc}
.sod_frm_mobile .sod_list .li_prqty:after{display:block;visibility:hidden;clear:both;content:''}
.sod_frm_mobile .sod_list .li_prqty_sp{float:left;width:50%;display:block;line-height:20px;padding:0 5px;text-align:right}
.sod_frm_mobile .sod_list .li_prqty_sp span{float:left;color:#696969}
.sod_frm_mobile .sod_list .prqty_sc,.sod_frm_mobile .sod_list .prqty_price{border-right:1px solid #e5e5e5}
.sod_frm_mobile .sod_list .total_price{background:#f2faf6;display:block;clear:both;margin:0 10px 10px;text-align:right;padding:5px 10px;line-height:20px}
.sod_frm_mobile .sod_list .total_price span{float:left}
.sod_frm_mobile .sod_list .total_price strong{font-size:1.25em;color:#000}
.sod_frm_mobile .sod_opt{padding:0px 10px 5px 10px}
.sod_frm_mobile .sod_opt li{color:#777;margin:0px 0;line-height:1.3em}
.sod_frm_mobile .sod_opt li span{font-size:12px !important;}
.sod_frm_mobile .sod_opt li:before{content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#000;line-height:20px;color:#fff}
.sod_frm_mobile .sod_opt .opt_name:before{content:"옵션";display:inline-block;margin:1px 5px 2px 0;font-size:11px;padding:0 5px;border-radius:3px;background:#000;line-height:20px;color:#fff}
.sod_frm_mobile #sod_frm_orderer,.sod_frm_mobile #sod_frm_taker{margin:0 0 30px;border:1px solid #e3e5e8;background:#fff}
.sod_frm_mobile #sod_frm_orderer #od_addr_jibeon,.sod_frm_mobile #sod_frm_taker #od_b_addr_jibeon{display:inline-block;margin:5px 0 0}
.sod_frm_mobile #m_sod_bsk_tot{background:#f5f5f5;color:#333}
.sod_frm_mobile #m_sod_bsk_tot:after{display:block;visibility:hidden;clear:both;content:""}
.sod_frm_mobile #m_sod_bsk_tot dt{float:left;width:40%;padding:10px;line-height:20px;clear:both}
.sod_frm_mobile #m_sod_bsk_tot dd{float:left;width:60%;padding:10px;text-align:right;line-height:20px}
.sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt{font-weight:600;margin-top:0px;line-height:30px;height:50px;color:#fff;background:#000}
.sod_frm_mobile #m_sod_bsk_tot .sod_bsk_cnt strong{color:#fff;font-size:1.25em}
.sod_frm_mobile .sod_list .li_op_wr{padding-left:10px; font-size:12px;}
.sod_frm_mobile .sod_list .total_img{left:10px}
.sod_frm_mobile .sod_opt{padding-left:0px}
.sod_frm_mobile #display_pay_button{margin-top:-20px;}
.sod_frm_mobile #m_sod_frm_paysel{margin:10px 0}
.sod_frm_mobile #m_sod_frm_paysel h3{background:#fff;padding:15px 10px;border:1px solid #e3e5e8;border-bottom:0}
.sod_frm_mobile #m_sod_frm_paysel ul{margin:0;background:#fff;padding:15px;border:1px solid #e3e5e8}
.sod_frm_mobile #m_sod_frm_paysel ul:after{display:block;visibility:hidden;clear:both;content:""}
.sod_frm_mobile #m_sod_frm_paysel li{float:left;padding:5px;width:46%;height:25px}
.sod_frm_mobile #m_sod_frm_paysel .KPAY{background:url(../img/kpay.png) no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
.sod_frm_mobile #m_sod_frm_paysel .PAYNOW{background:url(../img/paynow.png) no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
.sod_frm_mobile #m_sod_frm_paysel .PAYCO{background:url(../img/payco.png) no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
.sod_frm_mobile #m_sod_frm_paysel .inicis_lpay{background:url(../img/lpay_logo.png) no-repeat;width:35px;height:12px;overflow:hidden;text-indent:-999px;display:inline-block;background-size:100%}
.sod_frm_mobile #m_sod_frm_paysel .inicis_kakaopay{background:url(../img/kakao.png) no-repeat 50% 50% #f4dc34;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto}
.sod_frm_mobile #m_sod_frm_paysel .kakaopay_icon{background:url(../img/kakao.png) no-repeat 50% 50% #f4dc34;border-radius:30px;height:22px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px;background-size:35px auto}
.sod_frm_mobile #m_sod_frm_paysel .samsung_pay{margin-left:-23px;background:url(../img/samsungpay.png) no-repeat 24px 3px;height:25px;width:106px;display:inline-block;overflow:hidden;text-indent:-999px}
.sod_frm_mobile #sod_frm_pay{border-top:1px solid #f3f3f3}
.sod_frm_mobile #sod_frm_pay h2{margin:10px 0;font-size:1.25em}
.sod_frm_mobile #sod_frm_pay .cp_btn1,.sod_frm_mobile #sod_frm_pay .cp_cancel1{margin-top:0}
.sod_frm_mobile .odf_tbl{position:relative}
.sod_frm_mobile .odf_tbl table{background:#fff;width:100%;border-collapse:collapse;border-bottom:1px solid #ccc}
.sod_frm_mobile .odf_tbl table th{border-top:1px solid #eceff4;padding:10px;text-align:left;width:120px;font-weight:400}
.sod_frm_mobile .odf_tbl table td{border-top:1px solid #eceff4;padding:7px 10px;text-align:right}
.sod_frm_mobile#sod_frm #sod_frm_pt_alert{margin:10px 0;text-align:left;color:#fff;line-height:18px;background:#f2838f;padding:10px 10px 10px 13px;border-radius:5px;position:relative}
.sod_frm_mobile #sod_frm_pt_alert::before{content:"";position:absolute;top:0;left:0;width:5px;height:50px;border-radius:5px 0 0 5px;background:#da4453;height:100%}
.sod_frm_mobile#sod_frm .sod_frm_point{padding:10px 0;clear:both;border:0 none}
.sod_frm_mobile .sod_frm_point div{background:#fff;border:1px solid #e3e5e8;padding:10px;text-align:right}
.sod_frm_mobile .sod_frm_point div:after{display:block;visibility:hidden;clear:both;content:''}
.sod_frm_mobile .sod_frm_point div label{float:left;line-height:30px}
.sod_frm_mobile .sod_frm_point div span{display:block;margin:5px 0}
.sod_frm_mobile .sod_frm_point div span:after{display:block;visibility:hidden;clear:both;content:''}
.sod_frm_mobile .sod_frm_point .max_point_box em{font-style:normal!important}
.sod_frm_mobile .sod_frm_point div strong{float:left;color:#666;font-weight:400}
.sod_frm_mobile .sod_frm_point #od_temp_point{height:30px;border:1px solid #d0d3db;text-align:right;background:#fff;border-radius:3px;-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)}
.sod_frm_mobile #settle_bank{background:#fff;border:1px solid #ddd;padding:10px;clear:both;line-height:30px}
.sod_frm_mobile #settle_bank:after{display:block;visibility:hidden;clear:both;content:''}
.sod_frm_mobile #settle_bank select{height:30px;margin:0 0 5px;width:100%;border:1px solid #d0d3db}
.sod_frm_mobile #settle_bank #od_deposit_name{height:30px;border:1px solid #d0d3db;text-align:center;border-radius:3px;float:right;-webkit-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1);box-shadow:inset 1px 1px 5px rgba(0,0,0,0.1)}
.sod_frm_mobile #settle_bank label{float:left;line-height:30px}
.sod_frm_mobile #sod_frm_pt_info{border-top:0}
.sod_frm_mobile .od_coupon{position:absolute;top:0;left:0;background:#fff;width:100%;z-index:99;border-radius:0 0 3px 3px;-webkit-box-shadow:1px 1px 5px rgba(0,0,0,0.4);-moz-box-shadow:1px 1px 5px rgba(0,0,0,0.4);box-shadow:1px 1px 5px rgba(0,0,0,0.4)}
.sod_frm_mobile .od_coupon h3{height:45px;line-height:45px;font-size:1.167em;background:#333;color:#fff;padding:0 15px;text-align:left}
.sod_frm_mobile .od_coupon .tbl_head02 .btn_frmline{background:#3b67c2;color:#fff;border:0;padding:0 5px;line-height:25px}
.sod_frm_mobile .od_coupon .tbl_head02 td{text-align:left}
.sod_frm_mobile .od_coupon .tbl_head02 th{width:auto!important}
.sod_frm_mobile .od_coupon .tbl_head02 .td_mngsmall{width:60px;text-align:center}
.sod_frm_mobile .od_coupon .tbl_head02 .td_numbig{width:80px;text-align:right}
.sod_frm_mobile .od_coupon .btn_confirm{margin:20px}
.sod_frm_mobile .od_coupon .btn_confirm .btn_submit{height:40px;font-size:1.167em;font-weight:700;width:100%}
.sod_frm_mobile .od_coupon .btn_confirm .btn_close{position:absolute;top:0;right:0;width:45px;height:45px;border:0;background:none;color:#fff;font-size:1.25em}
.sod_frm_mobile .cp_btn,.sod_frm_mobile .cp_btn1{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#000;background:#fff;line-height:24px;margin:5px 0 0;font-size:.923em}
.sod_frm_mobile .cp_apply{padding:0 5px;border:1px solid #000;color:#000;background:#fff;height:23px;line-height:21px}
.sod_frm_mobile .cp_cancel,.sod_frm_mobile .cp_cancel1{padding:0 7px;border:1px solid #d4d6db;border-radius:3px;color:#aaa;background:#fff;line-height:24px;margin:5px 0 0 2px;font-size:.923em}
.sod_frm_mobile #sod_frm_escrow{margin:10px}
.sod_frm_mobile #sod_frm_escrow h2{font-size:1.25em}
.sod_frm_mobile #od_pay_sl h3{font-size:1.25em}
.sod_frm_mobile .sod_list .li_name{border-bottom:1px dotted #ccc;line-height:1.3em;padding:10px;padding-top:20px;font-size:16px;font-weight:normal;}
#sod_frm.sod_frm_mobile .odf_list .frm_input{width:100%!important}
#sod_frm.sod_frm_mobile input[type="radio"],.sod_frm_mobile #sod_frm.sod_frm_mobile input[type="checkbox"]{width:auto;-webkit-appearance:radio;-webkit-border-radius:initial}
#sod_frm.sod_frm_mobile #od_memo{min-height:50px}
.sod_frm_mobile .od_prd_list{margin:10px;background:#fff;padding:15px}
.sod_frm_mobile .od_prd_list .td_chk{border-left:0}
.sod_frm_mobile .od_prd_list .td_prd{border-left:0;position:relative;padding-left:90px;min-height:100px}
.sod_frm_mobile .od_prd_list .td_prd .sod_img{position:absolute;top:15px;left:0}
.sod_frm_mobile .od_prd_list .td_prd .sod_name{min-height:80px}
.sod_frm_mobile .od_prd_list .td_prd .prd_name{font-size:1.167em}
.sod_frm_mobile .od_prd_list .total_prc{color:#000;font-weight:700;font-size:1.167em}
.sod_frm_mobile #sod_frm_orderer{padding:10px;border-bottom:1px solid #d6d3d3}
.sod_frm_mobile #sod_frm_taker{padding:10px;border-bottom:1px solid #d6d3d3;border-top:1px solid #f3f3f3}
.sod_frm_mobile #sod_frm_taker h2,.sod_frm_mobile #sod_frm_orderer h2{padding:1px;padding-bottom:20px;margin:10px 0 15px 0;font-size:1.25em}
.sod_frm_mobile .odf_list label,.sod_frm_mobile .odf_list strong{display:block;margin:7px 0 5px;color:#444;font-weight:400}
.sod_frm_mobile .odf_list .frm_input{width:100%;margin:0 0 5px}
.sod_frm_mobile .odf_list .dlv_slt{background:#f2faf6;position:relative;border:1px solid #FFDDDD;margin:5px 0;padding:10px}
.sod_frm_mobile .odf_list .dlv_slt strong{margin:0;font-weight:700;line-height:30px}
.sod_frm_mobile .odf_list .dlv_slt div label{display:inline-block;margin:3px 0;color:#000}
.sod_frm_mobile #order_address{display:block;position:absolute;top:5px;right:5px;text-align:center;border:1px solid #d4d6db;background:#fff;border-radius:3px;color:#606060;height:30px;line-height:28px;margin:5px 0 0;padding:0 5px}
.sod_frm_mobile .odf_list .ad_default{display:inline-block;margin:0}
.sod_frm_mobile .odf_list .btn_addsch{position:absolute;top:5px;right:5px;border-radius:3px;height:30px}
.sod_frm_mobile .odf_list .add_num{position:relative;display:block}
.sod_frm_mobile .odf_list textarea{border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;border-radius:3px;padding:5px;width:100%;height:70px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}
.sod_frm_mobile .sod_ta_wr{background:#fff;margin-bottom:1em}
.sod_frm_mobile .btn_confirm{margin:0 0 10px}
.sod_frm_mobile .btn_submit{width:100%;height:45px;font-size:1.167em;font-weight:700;margin:5px 0;border-radius:4px}
.sod_frm_mobile .btn_cancel,.sod_frm_mobile .btn01{width:100%;height:45px;line-height:43px;font-size:1.167em;font-weight:700;padding:0;border-radius:4px}
.sod_frm_mobile #sod_frm_escrow{margin:10px}
.sod_frm_mobile #sod_frm_escrow h2{font-size:1.25em}
.sod_frm_mobile #od_pay_sl h3{font-size:1.25em}
.sod_frm_mobile #od_tot_price{background:none;font-weight:700}

html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_pay_info {margin:0 0 10px}

/* 네이버페이 */
.itemform-naverpay {margin:15px 0;clear:both}
.cart-naverpay {margin-top:15px}

/* theme.config.php 파일에서 G5_COMMUNITY_USE 를 false로 한 경우 1:1 문의와 게시판 css 처리 */
#bo_list table td, #fqalist table td {border-left:0;border-right:0}
#bo_v_top .btn_admin, #bo_list .btn_admin {padding-top:0}

/* 개인결제 */
.pesonal {background:#fff;border:1px solid #e3e5e8;margin-bottom:30px}
.pesonal h2 {border-bottom:1px solid #e2e4e7;font-size:1.167em;padding:20px}
.pesonal .tbl_frm01 {padding:20px 10px;margin:0}
.pesonal th {text-align:left}
.pesonal td {text-align:left;font-weight:bold}
.pesonal td input {width:100%}
.pesonal .half_tr {width:50%}

#personal_pay {background:#fff;border:1px solid #e3e5e8}
#personal_pay h2 {background:#fff;border-bottom:1px solid #e2e4e7;font-size:1.167em;padding:20px}
#personal_pay input[type="radio"] {}
#personal_pay .lb_icon {position:relative;display:inline-block;cursor:pointer;z-index:1}
#personal_pay input[type="radio"]:checked+.lb_icon {z-index:3}

#personal_pay legend {position:absolute;font-size:0;line-height:0;overflow:hidden}
#personal_pay .KPAY {width:58px;background:url('../img/kpay.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px}
#personal_pay .PAYNOW {width:75px;background:url('../img/paynow.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px}
#personal_pay .PAYCO {width:75px;background:url('../img/payco.png') no-repeat 50% 50% #fff;overflow:hidden;text-indent:-999px;border-radius:30px}
#personal_pay .kakaopay_icon {width:60px;background:url('../img/kakao.png') no-repeat 50% 50% #ffeb00;overflow:hidden;text-indent:-999px;border-radius:30px}
#personal_pay .pay_way {border-bottom:1px solid #e2e4e7}
#personal_pay #display_pay_button {border:0}

#commenu {width:200px;height:auto;overflow:hidden;}
#commenu h1{width:200px;height:57px;border-bottom:3px solid #333;text-align:left;font-size:30px;padding-left:10px;margin-top:25px;letter-spacing:-2px;font-weight:bold;}
#commenu h2{width:200px;height:42px;border-bottom:1px solid #ddd;font-family:S-CoreDream-4Regular;text-align:left;font-size:14px;padding-left:15px;padding-top:12px;letter-spacing:-0.5px;font-weight:400;}
#commenu h3{background:#f5f5f5;color:#000;width:200px;height:42px;border-bottom:1px solid #ddd;font-family:S-CoreDream-4Regular;text-align:left;font-size:14px;padding-left:15px;padding-top:12px;letter-spacing:-0.5px;font-weight:400;}

#commenu h2:hover{background:#f5f5f5;color:#000;}

#commenu2 {width:200px;height:auto;overflow:hidden;}
#commenu2num {font-size:16px;letter-spacing:-.5px;}

#leftmenu {width:20%;height:auto;float:left;}
#comcont {width:100%;height:auto;float:left;font-size:0;}
#comcont h1{width:100%;height:57px;border-bottom:3px solid #333;text-align:left;font-size:30px;padding-left:10px;margin-top:25px;letter-spacing:-2px;font-weight:200;}

#leftmenuimg {display:inline-block;width:49%;height:auto;vertical-align:top;margin-bottom:100px;}
#leftmenuimg img{width:95%;height:auto;}
#comcont600 {display:inline-block;margin-left:1%;width:50%;height:auto;font-size:0;vertical-align:top;}
#comcont600 h1{width:100%;height:57px;border-bottom:3px solid #333;text-align:left;font-size:30px;padding-left:10px;margin-top:25px;letter-spacing:-2px;font-weight:200;}

#com600subject {font-size:23px;letter-spacing:-1px;line-height:120%;color:#000;font-family:Noto Sans KR;}

#contentpage img{max-width:1250px !important;height:auto !important;}
#btarea {position:absolute;display:block;}
#btaream {display:none;}

#bbs_contentimg {padding-top:5px !important;padding-bottom:5px !important;}

#show_content img{max-width:100% !important;height:auto;}
#bbs_content {font-size:16px;line-height:150%;}
#bbs_content img{max-width:100% !important;height:auto !important;}
#bbs_contentimg img{max-width:965px !important;height:auto !important;}


#comsubject2 {font-size:13px;letter-spacing:-.5px;margin-left:15px;line-height:120%;color:#000;font-family:nanumsquare;}
#comsubject3 {font-size:12px;letter-spacing:0px;margin-left:15px;line-height:120%;color:#666;font-family:nanumsquare;}

#comviewsubject {margin-top:30px !important;letter-spacing:0px !important;padding-bottom:15px !important;text-align:center !important;padding-top:15px !important;background:#f5f5f5;font-size:15px !important;}
#wr_namecom {width:100% !important; max-width:100% !important;}

#margint0m {margin-left:0px !important;}
#margint5m {margin-left:5px !important;}

#myplantslist {width:30.333%;margin-left:1.5%;margin-right:1.5%;display:inline-block;vertical-align:top;height:auto;margin-top:20px;margin-bottom:30px;}
#myplantslist a:hover{color:#000;}

#comwrite {width:100%;height:auto;font-size:15px;}

#myplantswritear {width:100%;height:auto;font-size:15px;}
#myplantswrite {width:100%;height:auto;font-size:15px;}

#guidetopimg {display:none;}


@media (max-width:1300px) {

.subprdtyperight{padding:50px 35px;}
.subprdtyperight h2{font-size:32px;}
.subprdtyperight h3{font-size:15px;}

}


@media (max-width:1200px) {
#contentpage img{max-width:1150px;height:auto;}
#bbs_content img{max-width:865px;height:auto !important;}
#bbs_contentimg img{max-width:865px;height:auto !important;}

#commenu {width:160px;height:auto;overflow:hidden;}
#commenu2 {width:160px;height:auto;overflow:hidden;}
#commenu2num {font-size:13px;letter-spacing:-.5px;}

.subprdtype{clear:both;width:48%;margin-left:1%;margin-right:1%;display:inline-block;height:auto;background:#fff;font-size:0;text-align:center;margin-bottom:50px;vertical-align:top;}
.subprdtype_mid{margin-left:1%;margin-right:1%;}

}

@media (max-width:1100px) {

#contentpage img{max-width:1050px !important;height:auto;}
#commenu {width:150px;height:auto;overflow:hidden;}
#commenu2 {width:150px;height:auto;overflow:hidden;}
#bbs_content img{max-width:765px !important;height:auto !important;}
#bbs_contentimg img{max-width:765px !important;height:auto !important;}

#qality_midbox4br {display:block;}
#qality_midbox4hp {display:none;}

}

@media (max-width:1000px) {

#contentpage img{max-width:950px !important;height:auto;}

#bbs_content img{max-width:665px !important;height:auto !important;}

}

@media (max-width:900px) {

#contentpage img{max-width:850px;height:auto;}
#commenu {display:none;}
#commenu2 {display:none;}
#comcont {width:90%;margin-left:5%;height:auto;float:left;}
#myplantslist {width:47%;margin-left:1.5%;margin-right:1.5%;display:inline-block;vertical-align:top;height:auto;margin-top:20px;margin-bottom:50px;}
#bbs_content img{max-width:800px !important;height:auto !important;}
#bbs_contentimg img{max-width:800px !important;height:auto !important;}

#760br {display:block !important;}

.subprdtyperight h2{font-size:32px;padding:0 0 11px 0;font-family:Montserrat;font-weight:900;letter-spacing:-2px;color:#000;}
.subprdtyperight h3{font-size:15px;padding-bottom:15px;width:100%;border-bottom:1px solid #ccc;font-family:nanumsquare;font-weight:200;letter-spacing:-1px;color:#666;}
.subprdtyperight h4{font-size:12px;padding-top:15px;font-family:nanumsquare;font-weight:200;letter-spacing:-1px;color:#999;}

}

@media (max-width:801px) {
#comsubject {font-size:15px;letter-spacing:-.5px;margin-left:0px;line-height:120%;color:#000;font-family:nanumsquare;}

#ord_input1 {display:none;}
#ord_input2 {display:none;}
#ord_input3 {display:none;}
#ord_input11 {width:100% !important;}
#ord_input12 {width:100% !important;}
#ord_input13 {width:100% !important;}

#comcont h1{font-size:25px;}
#contentpage img{max-width:100% !important;height:auto !important;}
#bbs_content img{max-width:100% !important;height:auto !important;}
#bbs_contentimg img{max-width:100% !important;height:auto !important;}
.btn_comwritelist {margin-top:20px;}
#btarea {display:none;}
#btaream {display:block;}
.btn_comlist {width:100%;}
#show_content img{max-width:100% !important;height:auto;}

#guidetopimg {display:block;}
#guidetopimg img{width:100% !important;height:auto;}
#leftmenuimg {display:none;}
#comcont600 {width:100%;margin-left:0%;}

#myplantslist {width:47%;margin-left:1.5%;margin-right:1.5%;display:inline-block;vertical-align:top;height:auto;margin-top:20px;margin-bottom:50px;}

.subprdtype{clear:both;width:100%;margin-left:0%;margin-right:0%;display:inline-block;height:auto;background:#fff;font-size:0;text-align:center;margin-bottom:50px;vertical-align:top;}
.subprdtype_mid{margin-left:0%;margin-right:0%;}

.subprdtypeleft{width:100%;display:inline-block;height:auto;padding-top:10px;padding-bottom:10px;background:#fff;font-size:15px;text-align:center;vertical-align:middle;}
.subprdtypeleft img{width:100%;height:auto;max-width:400px;}
.subprdtyperight{width:100%;margin:0 auto;display:inline-block;height:auto;padding:50px 20px;box-sizing:border-box;background:#e6e6e6;font-size:15px;text-align:center;vertical-align:middle;}
.subprdtyperight h1{font-size:22px;font-family:Montserrat;font-weight:900;letter-spacing:-1px;color:#000;}
.subprdtyperight h2{font-size:32px;padding:0 0 11px 0;font-family:Montserrat;font-weight:900;letter-spacing:-2px;color:#000;}
.subprdtyperight h3{font-size:15px;padding-bottom:15px;width:100%;border-bottom:1px solid #ccc;font-family:nanumsquare;font-weight:200;letter-spacing:-1px;color:#666;}
.subprdtyperight h4{font-size:13px;padding-top:15px;font-family:nanumsquare;font-weight:200;letter-spacing:-1px;color:#999;}

#titleb {width:100% !important }

.subcontenstitlebtn {clear:both;width:100%;height:auto;font-size:0;padding:30px 0;text-align:center;margin:0 auto;font-family:nanumsquare;}
.subcontenstitlebtn h1{width:50%;max-width:300px;background:#333;color:#fff;border:1px solid #000;height:auto;padding:10px 0;text-align:center;display:inline-block;font-size:14px;margin:0 auto;font-weight:200;font-family:nanumsquare;}
.subcontenstitlebtn h2{width:50%;max-width:300px;background:#fff;color:#333;border:1px solid #000;height:auto;padding:10px 0;text-align:center;display:inline-block;font-size:14px;margin:0 auto;font-weight:200;font-family:nanumsquare;}

.estcontentsarea {width:100%;height:auto;font-size:0;border:0px solid #aaa;padding:0px;box-sizing:border-box;padding-top:10px;margin-top:0px;}
.estcontentsarea .tid{width:90px;display:inline-block;height:auto;font-size:17px;vertical-align:middle;margin:5px 0;}
.estcontentsarea .con{width:calc(100% - 90px);display:inline-block;height:auto;font-size:17px;vertical-align:middle;margin:5px 0;}
.estcontentsarea .con input{width:100%;height:35px;background:#f5f5f5;border:1px solid #ddd;font-family:nanumsquare;}
.estcontentsarea .con select{width:100%;height:35px;cursor:pointer;background:#f5f5f5;border:1px solid #ddd;}
.estcontentsarea .con textarea{width:100%;height:100px;background:#f5f5f5;border:1px solid #ddd;}

.estcontents_top {width:100%;height:auto;padding:20px 0;font-size:0;}

.estcontents_topleft {width:100%;display:inline-block;vertical-align:top;}
.estcontents_topleft li{width:100%;font-size:18px;}

.estcontents_topleft .estcontents_topleft1{width:100%;font-size:31px;text-align:center;padding-bottom:15px;font-family:nanumsquare;font-weight:bold;}
.estcontents_topleft .estcontents_topleft2{width:100%;font-size:17px;text-align:center;border-top:1px solid #666;background:#f5f5f5;margin-top:10px;padding-top:20px;}
.estcontents_topleft .estcontents_topleft3{width:100%;font-size:17px;text-align:center;padding:10px 0 20px 0;background:#f5f5f5;}
.estcontents_topleft .estcontents_topleft4{width:100%;font-size:17px;text-align:center;border-top:1px solid #666;padding-top:10px;}
.estcontents_topleft .estcontents_topleft5{width:100%;font-size:17px;text-align:center;}

.estcontents_topright {clear:both;width:100%;float:right;display:inline-block;vertical-align:top;padding:10px;margin-top:40px;}
.estcontents_topright li{width:100%;height:40px;font-size:14px;}
.estcontents_topright .tid{display:none;width:110px;padding-left:40px;height:auto;font-size:16px;vertical-align:middle;margin:5px 0;}
.estcontents_topright .con{width:100%;display:inline-block;height:auto;font-size:16px;vertical-align:middle;margin:5px 0;font-family:nanumsquare;}

.estcontents_mid{display:none;}

.estcontents_conta {width:100%;height:auto;font-size:0;}
.estcontents_conta li{width:100%;background:#fff;display:inline-block;border-right:1px solid #ccc;height:45px;border-bottom:1px solid #ddd;font-size:15px;box-sizing:border-box;vertical-align:top;}
.estcontents_conta li:last-child{border-right:0px solid #ccc;}

.estcontents_conta input{width:100%;padding-left:10px;height:44px;font-size:14px;color:#000;font-family:nanumsquare;border:0px solid #ccc;}

.estcontents_conta .estcontents_cont0{width:10%;height:28px;font-size:13px;padding-top:4px;text-align:center;background:#fff;border:1px solid #ccc;border-bottom:0px;margin-top:10px;}
.estcontents_conta .estcontents_cont1{width:100%;box-sizing:border-box;background:#f5f5f5;border:1px solid #ccc;margin-left:0px;margin-top:0px;}
.estcontents_conta .estcontents_cont1 input{width:100%;box-sizing:border-box;background:#f5f5f5;border:0px solid #ccc;margin-left:0px;margin-top:0px;}
.estcontents_conta .estcontents_cont2{width:40%;box-sizing:border-box;border:1px solid #ccc;}
.estcontents_conta .estcontents_cont2 input{width:100%;box-sizing:border-box;background:#fff;border-bottom:1px solid #ccc;margin-left:0px;margin-top:0px;}
.estcontents_conta .estcontents_cont9{width:calc(90% + 1px);box-sizing:border-box;height:28px;background:#ff;border:1px solid #ccc;border-bottom:0px;margin-top:10px;margin-left:-1px;padding-top:0px;font-size:13px;}
.estcontents_conta .estcontents_cont9 select{width:100%;height:27px;cursor:pointer;border:0px;font-size:14px;}

.estcontents_conta .estcontents_cont3{width:20%;box-sizing:border-box;border:1px solid #ccc;border-left:0px;}
.estcontents_conta .estcontents_cont3 input{width:100%;box-sizing:border-box;background:#fff;border-bottom:1px solid #ccc;margin-left:0px;margin-top:0px;}

.estcontents_conta .estcontents_cont4{width:30%;box-sizing:border-box;border:1px solid #ccc;}
.estcontents_conta .estcontents_cont5{width:20%;box-sizing:border-box;border:1px solid #ccc;}
.estcontents_conta .estcontents_cont6{width:40%;box-sizing:border-box;border:1px solid #ccc;border-left:0px;}
.estcontents_conta .estcontents_cont6 input{width:100%;box-sizing:border-box;background:#fff;border-bottom:1px solid #ccc;border-right:1px solid #ccc;margin-left:0px;margin-top:0px;}

.estcontents_contb {width:100%;height:auto;font-size:0;}
.estcontents_contb li{width:100%;background:#fff;display:inline-block;border-right:1px solid #ccc;height:45px;border-bottom:1px solid #ddd;font-size:15px;box-sizing:border-box;vertical-align:top;}
.estcontents_contb li:last-child{border-right:0px solid #ccc;}

.estcontents_contb input{width:100%;padding-left:10px;height:44px;font-size:14px;color:#000;font-family:nanumsquare;border:0px solid #ccc;}

.estcontents_contb .estcontents_cont0{width:10%;height:28px;font-size:13px;padding-top:4px;text-align:center;background:#fff;border:1px solid #ccc;border-bottom:0px;margin-top:10px;}
.estcontents_contb .estcontents_cont1{width:100%;box-sizing:border-box;background:#f5f5f5;border:1px solid #ccc;margin-left:0px;margin-top:0px;}
.estcontents_contb .estcontents_cont1 input{width:100%;box-sizing:border-box;background:#f5f5f5;border:0px solid #ccc;margin-left:0px;margin-top:0px;}
.estcontents_contb .estcontents_cont2{width:40%;box-sizing:border-box;border:1px solid #ccc;}
.estcontents_contb .estcontents_cont2 input{width:100%;box-sizing:border-box;background:#fff;border-bottom:1px solid #ccc;margin-left:0px;margin-top:0px;}
.estcontents_contb .estcontents_cont9{width:calc(90% + 1px);box-sizing:border-box;height:28px;background:#ff;border:1px solid #ccc;border-bottom:0px;margin-top:10px;margin-left:-1px;padding-top:0px;font-size:13px;}
.estcontents_contb .estcontents_cont9 select{width:100%;height:27px;cursor:pointer;border:0px;font-size:14px;}
.estcontents_contb .estcontents_cont3{width:20%;box-sizing:border-box;border:1px solid #ccc;border-left:0px;}
.estcontents_contb .estcontents_cont3 input{width:100%;box-sizing:border-box;background:#fff;border-bottom:1px solid #ccc;margin-left:0px;margin-top:0px;}
.estcontents_contb .estcontents_cont4{width:30%;box-sizing:border-box;border:1px solid #ccc;}
.estcontents_contb .estcontents_cont5{width:20%;box-sizing:border-box;border:1px solid #ccc;}
.estcontents_contb .estcontents_cont6{width:40%;box-sizing:border-box;border-left:0px;border-right:0px;}
.estcontents_contb .estcontents_cont6 input{width:100%;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-left:0px;border-bottom:0px;margin-left:0px;margin-top:0px;}

.estcontents_contb {width:100%;height:auto;font-size:0;}
.estcontents_contb li{width:100%;background:#fff;display:inline-block;border-right:1px solid #ccc;height:45px;border-bottom:1px solid #ddd;font-size:15px;box-sizing:border-box;vertical-align:top;}
.estcontents_contb li:last-child{border-right:0px solid #ccc;}

.estcontents_contc input{width:100%;padding-left:10px;height:44px;font-size:14px;color:#000;font-family:nanumsquare;border:0px solid #ccc;}
.estcontents_contc .estcontents_cont0{width:10%;height:28px;font-size:13px;padding-top:4px;text-align:center;background:#fff;border:1px solid #ccc;border-bottom:0px;margin-top:10px;}
.estcontents_contc .estcontents_cont1{width:100%;box-sizing:border-box;background:#f5f5f5;border:1px solid #ccc;margin-left:0px;margin-top:0px;}
.estcontents_contc .estcontents_cont1 input{width:100%;box-sizing:border-box;background:#f5f5f5;border:0px solid #ccc;margin-left:0px;margin-top:0px;}
.estcontents_contc .estcontents_cont2{width:40%;box-sizing:border-box;border:1px solid #ccc;}
.estcontents_contc .estcontents_cont2 input{width:100%;box-sizing:border-box;background:#fff;border-bottom:1px solid #ccc;margin-left:0px;margin-top:0px;}
.estcontents_contc .estcontents_cont9{width:calc(90% + 1px);box-sizing:border-box;height:28px;background:#ff;border:1px solid #ccc;border-bottom:0px;margin-top:10px;margin-left:-1px;padding-top:0px;font-size:13px;}
.estcontents_contc .estcontents_cont9 select{width:100%;height:27px;cursor:pointer;border:0px;font-size:14px;}
.estcontents_contc .estcontents_cont3{width:20%;box-sizing:border-box;border:1px solid #ccc;border-left:0px;}
.estcontents_contc .estcontents_cont3 input{width:100%;box-sizing:border-box;background:#fff;border-bottom:1px solid #ccc;margin-left:0px;margin-top:0px;}
.estcontents_contc .estcontents_cont4{width:30%;box-sizing:border-box;border:1px solid #ccc;}
.estcontents_contc .estcontents_cont5{width:20%;box-sizing:border-box;border:1px solid #ccc;}
.estcontents_contc .estcontents_cont6{width:40%;box-sizing:border-box;border-left:0px;border-right:0px;}
.estcontents_contc .estcontents_cont6 input{width:100%;box-sizing:border-box;background:#fff;border:1px solid #ccc;border-left:0px;border-bottom:0px;margin-left:0px;margin-top:0px;}

.estcontents_midbox {clear:both;width:100%;display:inline-block;border:0px solid #333;vertical-align:top;margin-top:20px;}
.estcontents_midtitle {width:100%;height:auto;padding:20px 0;font-size:25px;text-align:center;font-family:nanumsquare;font-weight:bold;}
.estcontents_midbox .w_item_btn {width:100%;}

#imgadd .tid {width:100%;padding-left:0px;font-size:15px;margin:10px 0 0 0;}

.estview_midbox {clear:both;width:100%;display:inline-block;border:1px solid #333;vertical-align:top;margin-top:20px;}
.estview_midtitle {width:100%;height:auto;padding:20px 0;font-size:25px;text-align:center;font-family:nanumsquare;font-weight:bold;}

.estview_mid li{width:100%;background:#f5f5f5;display:inline-block;border-right:1px solid #ccc;height:45px;border-bottom:1px solid #ddd;border-top:1px solid #ddd;font-size:15px;padding:10px 0;box-sizing:border-box;vertical-align:top;}
.estview_mid li:last-child{border-right:0px solid #ccc;}

.estview_mid .estview_mid0{width:0%;text-align:center;display:none;}
.estview_mid .estview_mid1{width:100%;text-align:center;border:0px;height:30px;padding-top:3px;border-top:1px dotted #ccc;}
.estview_mid .estview_mid2{width:60%;text-align:center;border:0px;height:30px;padding-top:3px;border-top:1px dotted #ccc;border-right:1px dotted #ccc;}
.estview_mid .estview_mid3{width:20%;text-align:center;border:0px;height:30px;padding-top:3px;border-top:1px dotted #ccc;}
.estview_mid .estview_mid4{width:20%;text-align:center;border:0px;height:30px;padding-top:3px;border-top:1px dotted #ccc;border-right:1px dotted #ccc;}
.estview_mid .estview_mid5{width:50%;text-align:center;border:0px;height:30px;padding-top:3px;border-top:1px dotted #ccc;border-bottom:1px solid #ccc;}
.estview_mid .estview_mid6{width:25%;text-align:center;border:0px;height:30px;padding-top:3px;border-top:1px dotted #ccc;border-right:1px dotted #ccc;border-bottom:1px solid #ccc;}
.estview_mid .estview_mid7{width:25%;text-align:center;border:0px;height:30px;padding-top:3px;border-top:1px dotted #ccc;border-right:1px dotted #ccc;border-bottom:1px solid #ccc;}
.estview_mid .estview_mid9{width:100%;border:0px;height:30px;padding-top:3px;border-top:1px solid #333;text-align:center;}

.estview_conta {width:100%;height:auto;font-size:0;}
.estview_conta li{width:100%;background:#fff;display:inline-block;border-right:1px solid #ccc;height:45px;border-bottom:1px solid #ddd;font-size:15px;box-sizing:border-box;vertical-align:top;}
.estview_conta li:last-child{border-right:0px solid #ccc;}

.estview_conta input{width:100%;padding-left:0px;height:29px;font-size:13px;color:#000;font-family:S-CoreDream-4Regular;border:0px solid #ccc;}

.estview_conta .estview_cont0{width:10%;text-align:center;height:30px;padding-top:6px;border-bottom:1px dotted #ccc;}
.estview_conta .estview_cont1{width:100%;text-align:center;border:0px;height:30px;border-bottom:1px dotted #ccc;}
.estview_conta .estview_cont2{width:60%;text-align:center;border:0px;height:30px;border-bottom:1px dotted #ccc;border-right:1px dotted #ccc;}
.estview_conta .estview_cont3{width:20%;text-align:center;border:0px;height:30px;border-bottom:1px dotted #ccc;}
.estview_conta .estview_cont4{width:20%;text-align:center;border:0px;height:30px;border-bottom:1px dotted #ccc;border-right:1px dotted #ccc;}
.estview_conta .estview_cont5{width:50%;text-align:center;border:0px;height:30px;border-bottom:1px solid #333;}
.estview_conta .estview_cont6{width:25%;text-align:center;border:0px;height:30px;font-size:13px;border-bottom:1px solid #333;border-right:1px dotted #ccc;}
.estview_conta .estview_cont7{width:25%;text-align:center;border:0px;height:30px;font-size:13px;border-bottom:1px solid #333;border-right:1px dotted #ccc;}
.estview_conta .estview_cont9{width:90%;border:0px;height:30px;padding-top:3px;border-bottom:1px dotted #ccc;text-align:center;}

.estviewinput{background:#f5f5f5;text-align:center;padding:0;}
.estviewinput2{background:#fff;text-align:left;padding-left:10px !important;}

#estviewinputback1 {background:#fff !important;}
#estviewinputback2 {background:#f5f5f5 !important;}

#w_ea1 {background:#fff !important;}
#w_ea2 {background:#fff !important;}
#w_ea3 {background:#fff !important;}
#w_ea4 {background:#fff !important;}
#w_ea5 {background:#fff !important;}
#w_ea6 {background:#fff !important;}
#w_ea7 {background:#fff !important;}
#w_ea8 {background:#fff !important;}
#w_ea9 {background:#fff !important;}
#w_ea10 {background:#fff !important;}
#w_ea11 {background:#fff !important;}
#w_ea12 {background:#fff !important;}
#w_ea13 {background:#fff !important;}
#w_ea14 {background:#fff !important;}
#w_ea15 {background:#fff !important;}
#w_ea16 {background:#fff !important;}
#w_ea17 {background:#fff !important;}
#w_ea18 {background:#fff !important;}
#w_ea19 {background:#fff !important;}
#w_ea20 {background:#fff !important;}

}

.selec_chk {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
/* input, radio */
.chk_box {position:relative}
.chk_box input[type="checkbox"] {display:none;}
.chk_box input[type="checkbox"] + label {position:relative;padding-left:20px;color:#676e70}
.chk_box input[type="checkbox"] + label:hover{color:#2172f8}
.chk_box input[type="checkbox"] + label span {position:absolute;top:2px;left:0;width:15px;height:15px;display:block;margin:0;background:#fff;border:1px solid #d0d4df;border-radius:3px}
.chk_box input[type="checkbox"]:checked + label {color:#000}
.chk_box input[type="checkbox"]:checked + label span {background:url('../img/chk.png') no-repeat 50% 50% #000;border-color:#000;border-radius:3px}

.chk_box input[type="radio"] {position:absolute;top:0;left:0;width:0;height:0;opacity:0;outline:0;z-index:-1;overflow:hidden}
.chk_box input[type="radio"] + label {position:relative;padding-left:23px;display:inline-block;color:#676e70}
.chk_box input[type="radio"] + label span {position:absolute;top:0;left:0;width:15px;height:15px;display:block;background:#fff;border:1px solid #cdd6df;border-radius:50%}
.chk_box input[type="radio"]:checked + label {color:#305af9}
.chk_box input[type="radio"]:checked + label span:before {width:7px;height:7px;background:#305af9;content:'';position:absolute;top:3px;left:3px;border-radius:50%}

.filebox_wrap { padding:5px; overflow:hidden; MARGIN-LEFT:-10px; }
.filebox_wrap li { position:relative; float:left; width:56px; height:56px; border:1px solid #ccc; margin:4px; }
.filebox_wrap li img { width:54px; height:54px; }
.filebox_wrap li input.img_upload { position:absolute; left:0; top:0; width:100%; height:100%; background:gold; opacity:0; filter:alpha(opacity=0); cursor:pointer; }

.filebox_wrap2 { padding:5px; overflow:hidden; MARGIN-LEFT:-10px; }
.filebox_wrap2 li { position:relative; float:left; width:80px; height:80px; border:1px solid #ccc; margin:4px; }
.filebox_wrap2 li img { width:78px; height:78px; }
.filebox_wrap2 li input.img_upload { position:absolute; left:0; top:0; width:100%; height:100%; background:gold; opacity:0; filter:alpha(opacity=0); cursor:pointer; }

.filebox_wrap_del { padding:5px; overflow:hidden; MARGIN-LEFT:-10px; }
.filebox_wrap_del li { position:relative; float:left; width:56px; height:30px; }

/* 유튜브 반응형 */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* 인덱스 비전 */
.index_vision {width:100%; margin:70px auto 100px; text-align:center}
.index_vision h1 {font-weight:700; padding-bottom:70px; letter-spacing:-0.05em; color:#000;font-size:30px; height:auto; line-height:45px; font-family:S-CoreDream-4Regular;}
.index_vision .sub_head {font-size:27px; font-weight:300;color:#333; letter-spacing:-0.05em; height:auto; line-height:35px; margin:20px 0 63px 0}

.index_vision .price_2020 {width:100%; max-width:1200px; height:auto; text-align:center;margin: 0 auto;}
.index_vision .price_2020 div {width:30%;display:inline-block;font-family:S-CoreDream-4Regular; height:auto; color:#000;text-align:center;font-size:17px;}

.index_vision .text {font-size:24px; font-weight:200; letter-spacing:-0.05em; color:#666; height:auto; line-height:35px; margin:55px 0;}
.index_vision .morebtn {font-size:26px; font-weight:200; letter-spacing:-0.05em; color:#666; height:22px; }

.index_vision .eyelove01sub_4 {clear:both;position:relative;width:100%;height:auto;max-width:1300px;font-size:0;margin:0 auto;color:#000;text-align:center;margin:0 auto;box-sizing:border-box;text-align:center;vertical-align:top;}
.index_vision .eyelove01sub_4 .topflag {display:inline-block;width:10%;}
.index_vision .eyelove01sub_4 li strong{font-size:60px;letter-spacing:-4px;font-weight:900;font-family:noto sans kr;color:#000;}
.index_vision .eyelove01sub_4 li span{font-size:60px;letter-spacing:-4px;font-weight:900;font-family:noto sans kr;color:#aaa;}

.index_vision .eyelove01sub_4 .rightphoto{display:inline-block;width:32%;height:auto;color:#000;font-size:15px;text-align:left;max-height:120px;overflow:hidden;vertical-align:top;}
.index_vision .eyelove01sub_4 .leftphoto{display:inline-block;width:32%;height:auto;color:#000;font-size:15px;text-align:left;max-height:120px;overflow:hidden;vertical-align:top;}
.index_vision .eyelove01sub_4 .rightmap{display:inline-block;width:32%;height:auto;color:#666;font-size:15px;text-align:left;vertical-align:top;padding-top:10px;}
.index_vision .eyelove01sub_4 .leftmap{display:inline-block;width:32%;height:auto;color:#666;font-size:15px;text-align:right;vertical-align:top;padding-top:10px;}
.index_vision .eyelove01sub_4 li strong{font-size:50px;letter-spacing:-4px;font-weight:900;font-family:noto sans kr;color:#000;}
.index_vision .eyelove01sub_4 li span{font-size:50px;letter-spacing:-4px;font-weight:900;font-family:noto sans kr;color:#aaa;}

@media (max-width:1250px) {

.index_vision .eyelove01sub_4 .rightphoto{display:inline-block;width:32%;height:auto;color:#000;font-size:13px;text-align:left;max-height:120px;overflow:hidden;vertical-align:top;}
.index_vision .eyelove01sub_4 .leftphoto{display:inline-block;width:32%;height:auto;color:#000;font-size:13px;text-align:left;max-height:120px;overflow:hidden;vertical-align:top;}
.index_vision .eyelove01sub_4 .rightmap{display:inline-block;width:32%;height:auto;color:#666;font-size:13px;text-align:left;vertical-align:top;padding-top:10px;}
.index_vision .eyelove01sub_4 .leftmap{display:inline-block;width:32%;height:auto;color:#666;font-size:13px;text-align:right;vertical-align:top;padding-top:10px;}

}

@media (max-width:1024px) {

.index_vision .price_2020 div {font-size:15px;}

}

/*pageing*/
.content_page{display:block;clear:both;position:relative;width:100%;padding:35px 0;text-align:center;zoom:1;overflow:hidden}
.content_page .kkk{display:inline-block;position:relative;width:35px;background:#fff;margin-left:-8px;padding:7px 10px 7px 10px;border:1px solid #fff;font:bold 13px Verdana;line-height:normal;color:#000;text-decoration:none;min-width:18px;}
.content_page strong{display:inline-block;position:relative;width:35px;margin-right:0px;padding:7px 10px 7px 10px;border:1px solid #fff;font:bold 13px Verdana;line-height:normal;color:#000;text-decoration:none;min-width:18px;}
.content_page a:hover{background:#333;color:#fff;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.5s;}
.content_page .kkk{border:1px solid #e9e9e9;}
.content_page .kkk:hover{background:#333;color:#fff;transition:background 0.5s, opacity 0.1s, top 0.3s, transform 0.5s; transition-delay:0s, 0s, 0s, 0.5s;}
.content_page .mpre,.content_page .mnext{display:inline-block;border:0px solid #e9e9e9;font:12px S-CoreDream-4Regular;font-weight:normal;color:#565656}
.content_page .mpre{margin-right:2px;border:0px;padding:6px 10px 3px 6px;}
.content_page .mnext{margin-left:0px;border:0px;padding:6px 0px 3px 6px;}
.content_page .mpre:hover{border:0px;background:#fff;color:#003366;}
.content_page .mnext:hover{border:0px;background:#fff;color:#003366;}
.content_page .mpre2,.content_page .mnext2{display:inline-block;border:0px solid #e9e9e9;font:12px S-CoreDream-4Regular;font-weight:normal;color:#565656}
.content_page .mpre2{margin-right:10px;border:0px;padding:6px 6px 3px 0px;}
.content_page .mnext2{margin-left:5px;border:0px;padding:6px 10px 3px 0px;}
.content_page .mpre2:hover{border:0px;background:#fff;color:#003366;}
.content_page .mnext2:hover{border:0px;background:#fff;color:#003366;}

.content_page strong{border:1px solid #003366;background:#003366;color:#fff !important;z-index:100;margin-left:-6.5px;}

.btn_gotop {
    display: block;
    position: fixed;
    bottom: 35px;
    right: 30px;
    font-family:'Noto Sans KR';
	font-size:13px;
	z-index: 100;
	color:#000;
    border: 1px solid rgba(0,0,0,0.25);
    outline: none;
    background-color: white;
    cursor: pointer;
    padding: 17px 20px;
    border-radius: 100%; }