@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);

/* 초기화 */
html {overflow-y:scroll;height:100%}
body {margin:0;padding:0;font-size:0.75em;height:100%;font-family: "Nanum Gothic", sans-serif;min-width:320px;}
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: "Nanum Square", "Nanum Gothic";}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
figure{margin:0;}
header ul, nav ul, footer ul {margin:0;padding:0;list-style:none}
legend {position:absolute;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-size:1em;}
button,input[type=submit]{cursor:pointer;font-family: "Nanum Gothic", sans-serif;outline:none}
input[type=text], input[type=password], input[type=submit], input[type=image], button {border-radius:0;font-size:1em;-webkit-appearance:none}
textarea, select {font-size:1em;}
textarea {border-radius:0;-webkit-appearance:none}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
 a:hover,a:focus{}
ul,li,ol,dt,dd,dl{list-style:none;padding:0;margin:0;}

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

/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px}
#hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {margin:0;padding: 0;}
.nav{max-width:1050px;height:65px;margin:0 auto;line-height:65px;background:#fff;position:relative;}
.fixed{}

#hd:after{display:block;visibility:hidden;clear:both;content:""}
#hd h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#gd_bg{height:540px;position:absolute;top:0;left:0;width:100%;z-index:-1}

#hd2 .nav{height:100px;line-height:100px;}
#hd2 .web_gnb .gnb_1dli{padding:0 25px;}
#hd2 .web_gnb .gnb_1da{font-weight:500;font-size:18px;}
#hd2 .web_gnb .gnb_2dul{top:80px;}
#hd2 .web_gnb .gnb_2da{padding:10px 20px;}


.tnb_wrap{max-width:1050px;margin:0 auto;position:relative;padding-right:45px;}
#hd_tnb{text-align:right;padding-right:10px;font-size:13px;border-top:3px solid #333333;}
#hd_tnb:after{display:block;visibility:hidden;clear:both;content:""}
#hd_tnb li{display:inline-block;padding-top:16px;}
#hd_tnb li a{color:#333333;}
#hd_tnb li:after{content:"|";color:#e0e0e0;padding:0 10px;}
#hd_tnb li.sj_last:after{display:none;}
#hd_tnb a.hd_home{position:absolute;top:0;right:0;z-index:10;}


#hd_tnb li button{background-color:#187dd2;line-height:35px;border:0;display:inline-block;text-align:center;vertical-align: middle;padding:0 5px;margin-left:10px;}
#hd_tnb li button img{}

#hd_sch{display:none;/*position:absolute;width:300px;top:45px;right:0;background:#fff;*/width:100%;padding:20px;/*border:1px solid #ddd*/;z-index:999;height:70px}
#hd_sch form:after{display:block;visibility:hidden;clear:both;content:""}
#hd_sch h3{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd_sch #sch_submit {width:30px;height:30px;line-height:30px;float:right;background:none;border:none;position:absolute;right:20px;}
#hd_sch #sch_str{/*width:220px;*/width:400px;height:30px;line-height:30px;background:#f3f3f3;border:0;float:right;}
#hd_sch:before{display:none;content: "";position: absolute;top: -8px;right:10px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #aaa transparent;}
#hd_sch:after{display:none;content: "";position: absolute;top: -7px;right:10px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;z-index:1919}

#hd2 #hd_sch2{display:inline-block;float:right;margin-left:20px;position:relative;}
#hd2 #hd_sch2 #sch_str{width:130px;height:40px;border:1px solid #b3b3b3;border-radius:30px;}
#hd2 #hd_sch2 #sch_submit{/*position:absolute;top:40px;right:10px;*/margin-left:-35px;background:none;border:none;}
#hd2 #hd_sch2 h3{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#hd2 .sound_only2{position:absolute;left:30px;color:#ccc;}


br.tnb_br{display:none;}
#hd_tnb .theme_adm_btn{position:fixed;height:40px;line-height:40px;top:110px;left:0;background:#333;color:#fff;z-index:9999;text-align:center;padding:0;}
#hd_tnb .theme_adm_btn a{color:#fff}
#hd_tnb .theme_adm_btn i{width:40px;font-size:1.25em;float:left;line-height:40px;}
#hd_tnb .theme_adm_btn  b{display:none;float:left;background:#555;font-weight:normal;padding:0 10px}
#hd_tnb .theme_adm_btn:hover b{display:block}
#logo{float:left;padding:0;}
#logo a{}
#logo img{vertical-align:top}
.fixed #logo img{}

#hd_icon {position:absolute;bottom:0;right:0;}
#hd_icon:after{display:block;visibility:hidden;clear:both;content:""}
#hd_icon li{float:left;}
#hd_icon li a,#hd_icon li button{line-height:59px;background:none;border:0;display:inline-block;width:40px;text-align:center;font-size:18px;vertical-align: top;color:#333}
.fixed #hd_icon a,.fixed #hd_icon button{line-height:59px;}
#hd_icon li a:hover,#hd_icon li button:hover{color:#187dd2}

#category{display:none;position:fixed;top:0;right:0;width:100%;height:100%;z-index:999;border-left:1px solid #ddd;}
#category .tabsTit{border-bottom:1px solid #ddd;margin:20px 20px 0}
#category .tabsTit:after{display:block;visibility:hidden;clear:both;content:""}
#category .tabsTit li{float:left;color:#187dd2;font-size:15px;font-weight:600;text-align:center;width:100%;line-height:30px;border-bottom:3px solid #187dd2;text-transform: uppercase;cursor:pointer}


#category h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.cate_bg{width:100%;height:100%;background:#000;background:rgba(0,0,0,0.6);position:absolute;top:0;left:0;z-index:1000}
.ct_wr{;width:260px;height:100%;overflow-y:auto;position:absolute;top:0;right:0;z-index:1002;background:#fff}
#category ul.cate{background:#fff;text-align:left;margin:0 20px 10px}
#category ul.cate>li{line-height:45px;border-bottom:1px solid #ddd;}
#category ul.cate li{position:relative;}
#category ul.cate li a{color:#000;display:block;  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;padding-right:30px;padding-left:10px}
#category ul.cate li .ct_op{display:inline-block;overflow:hidden;text-indent:-999px;background:url(../img/cate-bg.png) no-repeat 50% 17px;height:45px; width:30px;position:absolute;top:0;right:0;border:none}
#category ul.cate li .ct_cl{background-position: 50% -30px}
#category ul.sub_cate{display:none;background:#f3f3f3}
#category ul.sub_cate li{}
#category ul.sub_cate li a{color:#777;font-size:0.92em;margin-right:5px;}
#category ul.sub_cate li a:hover{color:#fff;}
.ct_bl{display:inline-block;background:#999;width:6px;height:6px}
#category ul.sub_cate2 li{text-indent:15px}
#category ul.sub_cate3 li{text-indent:30px;}
#category ul.sub_cate4 li{text-indent:45px;}
.category_close{position:absolute;top:0px;right:260px;width:40px;height:40px;border:0;z-index:1005;background:#eee;font-size:20px}


.web_gnb #gnb {position:relative;float:right;padding:0px 0 0 0;display:inline-block;font-family: "Nanum Square", "Nanum Gothic";}
.web_gnb #gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.web_gnb #gnb_1dul {padding:0;zoom:1}
.web_gnb #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.web_gnb .gnb_1dli {z-index:10;position:relative;float:left;color:#333;font-size:20px;padding:0 28px;}
.web_gnb .gnb_1dli:after{content:"";display:inline-block;width:1px;height:18px;background:#ebebeb;position:absolute;top:23px;right:0;}
.web_gnb .gnb_1dli:last-child:after{display:none;}
.web_gnb .gnb_1da {font-size:18px;color:#333 !important;display:inline-block;;line-height:30px;font-weight:bold;text-decoration:none}
.web_gnb .gnb_1da:focus, .gnb_1da:hover {text-decoration:none;color:#187dd2 !important;}
.web_gnb .gnb_1dli_air .gnb_1da {color:#187dd2 !important;}
.web_gnb .gnb_1dli_on .gnb_1da {color:#187dd2 !important;}
.web_gnb .gnb_2dul {display:none;position:absolute;top:60px;width:100%;border-top:3px solid #187dd2;}
.web_gnb .gnb_2da {display:block;font-size:13px;font-weight:600;line-height:20px;padding:10px 25px;text-align:center;text-decoration:none;}
.web_gnb .gnb_1dli_air .gnb_2da {color:#333}
.web_gnb .gnb_1dli_on .gnb_2da {color:#333}
.web_gnb .gnb_2da:focus, .gnb_2da:hover {background:#187dd2;color:#fff !important;text-decoration:none}
.web_gnb .gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.web_gnb .gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}

#hd_icon{display:none;}

@media (max-width: 1100px){
	.tnb_wrap{width:100%;}
	.nav{width:100%;}
	.nav{height:60px;line-height:60px;text-align:center;}
    #hd_icon li a,#hd_icon li button{line-height:59px;}
	#logo{padding:0 20px;float:none;display:inline-block;}
	#logo img{width:80%;vertical-align:middle;}
	#hd_icon{display:block;}
	.web_gnb #gnb{display:none;}
	.tnb_wrap{padding-right:0;}
	#hd_tnb{border-bottom:1px solid rgba(0,0,0,0.1);}
	#hd_tnb li{padding-top:0;line-height:22px;}
	#hd_tnb{text-align:center;padding-right:0;padding:10px 0;}
	#hd_tnb a.hd_home{display:none;}
	
}
@media (max-width: 1050px){
	#hd2 .web_gnb{display:none;}
	#hd2 .nav{height:60px;line-height:60px;}
	#hd2 #logo img{width:80%;}
	#hd2 #hd_icon{display:block;}
}
@media (max-width: 940px){
   
	
}
@media (max-width: 550px){
    #hd_icon li a,#hd_icon li button{/*line-height:49px;*/}
    .fixed #hd_icon a,.fixed #hd_icon button{line-height:49px;}
    #hd_tnb .theme_adm_btn{display:none}
	#hd_tnb{text-align:center;font-size:12px;}
	#hd_tnb li:after{padding:0 6px;}
	br.tnb_br{display:block;}

}
/* 중간 레이아웃 */
#container {position:relative;text-align:center;}
#container_wr{margin:0 auto 0;max-width:1200px;position:relative;}
#container_wr:after{display:block;visibility:hidden;clear:both;content:""}
.ct_bg{background:#efefef;height:98%;width:100%;position:absolute;top:225px}
#container_title{letter-spacing: 1.5px;text-align :center;padding:0 15px;font-family:'Nanum Gothic',sans-serif;background:url(../img/tab-bg.jpg) repeat-x 0 50%;display:inline-block;font-size:1.5em;margin:50px 0 10px}
#container_title span{display:inline-block;background:#fff;font-weight:bold;padding:0 10px}
.contents_tit{color:#3c3434;text-align :center;padding:45px 0px 10px 0;font-family:'Nanum Gothic',sans-serif;/*background:url(/img/item_icon.png)0px 6px no-repeat;*/display:inline-block;font-size:16px;/*margin:30px 0 10px*/}
.contents_tit span{display:inline-block;background:#fff;font-weight:bold;}

/*메인*/
.main-carousel{height:540px;}
.main-carousel li{height:540px; background-size:cover;background-position:center;}

.main-carousel .owl-controls .owl-dots{position:absolute;max-width:1050px;text-align:left;bottom:230px;left:50%;margin-left:-530px;/*padding-left:10px*/}
.main-carousel .owl-controls .owl-dots .owl-dot{background:url(/img/main_slide_btn_on.png) no-repeat;width:16px;height:16px;display:inline-block;margin-right:5px;opacity:0.5;}
.main-carousel .owl-controls .owl-dots .owl-dot.active{background:url(/img/main_slide_btn_on.png) no-repeat;opacity:1;}


#main_container{position:relative;}

.main_copy_area{position:relative;max-width:1050px;margin:0 auto;padding-top:60px;height:100%;}

.main_copy{display:inline-block;}
.main_copy h2{font-size:54px;color:#fefefe;}
.main_copy hr{display:inline-block;width:62px;height:5px;border:0;background-color:#fff;border-radius:5px;margin:10px 0 15px;}
.main_copy p{font-size:15px;line-height:25px;color:#fff;}
.main_copy a{font-size:14px;color:#fff;display:inline-block;border:1px solid #fff;font-weight:600;padding:9px 22px;border-radius:25px;margin-top:30px;
-webkit-transition-duration:600ms;
-moz-transition-duration:600ms;
-o-transition-duration:600ms;
-ms-transition-duration:600ms;
transition-duration:600ms;}
.main_copy a:hover{background:rgba(255,255,255,0.9);color:#187dd2;}
.main_copy a span{display:inline-block;padding-left:10px;font-weight:600;font-size:20px;}
.visual_book{position:absolute;bottom:0;left:0;}

#main_container_wr{/*position:relative;padding:265px 0 30px 0;*/position:absolute;width:1050px;left:50%;margin-left:-525px;;top:0;}
.main_menu{max-width:420px;position:absolute;top:0px;right:0%;margin-left:-525px;z-index:10;}
.main_menu ul{overflow:hidden;}
.main_menu ul li{float:left;width:50%;height:180px;color:#fff;padding:18px 0 20px;text-align:center;}
.main_menu ul li.menu01{background-color:#03b9f5;}
.main_menu ul li.menu01 p{color:#cbf2ff;}
.main_menu ul li.menu02{background-color:#00a7f5;}
.main_menu ul li.menu02 p{color:#d2f0fe;}
.main_menu ul li.menu03{background-color:#138cf2;}
.main_menu ul li.menu03 p{color:#c1e2fd;}
.main_menu ul li.menu04{background-color:#4778f5;}
.main_menu ul li.menu04 p{color:#bed0fe;}
.main_menu ul li.menu05{background-color:#8a61f1;}
.main_menu ul li.menu05 p{color:#d5c5ff;}
.main_menu ul li.menu06{background-color:#ca5cee;}
.main_menu ul li.menu06 p{color:#f2d0fd;}
.main_menu ul li h2{font-size:20px;color:#fff;font-weight:600;padding:8px 0 5px;}
.main_menu ul li p{font-size:14px;color:#fff;line-height:18px;}
.main_menu ul li figure{}
br.main_br02{display:none;}



/* 오늘 본 상품 */
#stv {z-index:150;position:relative;float:right;width:75px;top:310px;}
#stv_list {position:absolute;width:75px;right:0;top:0;border:1px solid #e5e5e5;background:#111;}
#stv_list h2 {padding:10px 0 8px;background:#000000;text-align:center;letter-spacing:-0.1em}
#stv_pg {display:block;margin:5px 0 0}
#stv_list p {padding:20px 0;text-align:center}
#stv_btn {text-align:center;zoom:1;}
#stv_btn:after {display:block;visibility:hidden;clear:both;content:""}
#stv_btn button {float:left;margin:0;padding:5px 0 4px;width:44px;border:0;background:#555;color:#fff;text-align:center}
#stv_ul {margin:5px 0 10px;padding:0;list-style:none}
.stv_item {display:none;padding:0 9px;text-align:center;word-break:break-all}
.stv_item img {margin:5px 0}

#stv_nb {/*margin:0 0 2px 0;*/padding:0px;height:37px;line-height:37px;border-bottom:1px solid #e5e5e5; background:#fff;list-style:none}
#stv_nb:last-child {border-bottom:0px solid #858585;}
#stv_nb li {text-align:center;/* padding:10px 0 0 0;*/height:100%;}
#stv_nb a {display:block; font-size:12px;line-height:16px; color:#333333;height:100%;padding-top:10px;}
#stv_nb img{padding-top:3px;}
.stv_nb_last a{padding-top:10px !important;}
.stv_top{background:#000000;text-align:center;border:1px solid #000000;font-size:10px;padding:7px 0;font-weight:400;}
.stv_top a{display:block;color:#fff;}
.stv_top img{padding-left:5px;}

.border_none{border:none;}


@media (max-width: 1100px){
	
	#main_container_wr{/*text-align:center;*/}
	.main_box_area{width:100%;left:0;margin:0;}
	.main-carousel{height:400px;}
	.main-carousel li{height:400px;}

	.visual_book{right:0;left:inherit;}
	.visual_book img{width:440px;}

	#main_container_wr{position:static;margin-left:0;width:100%;padding:30px 10px 0;}	
	.main_copy_area{padding:0 20px;}
	.main_copy{margin-top:50px;}
	
	.main-carousel .owl-controls .owl-dots{left:0;margin-left:20px;bottom:50px;}

	.main_menu{position:static;margin-left:0;max-width:100%;}
	
	.main_menu ul li{width:33.33%;}

	
}

@media (max-width: 850px){
	#stv{top:220px;}
}

@media (max-width: 740px){
	.visual_book{display:none;}
	.owl-carousel{height:280px;}
	.owl-carousel li{height:280px;}
	.main-carousel .owl-controls .owl-dots{bottom:20px;width:100%;text-align:center;margin-left:0;}
	.main_copy_area{padding:0px;text-align:center;}
	.main_copy{padding:0;margin-top:30px;}
	.main_copy h2{font-size:45px;}
	.main_copy p{font-size:14px;line-height:24px;}
	.main_copy a{font-size:13px;padding:8px 20px;margin-top:20px;}
	.main_copy hr{width:50px;height:3px;}


	
	
}


@media (max-width: 550px){
	br.main_br{display:none;}
	#main_container_wr{padding:20px 5px 0;}
    #container_wr{margin:0}
    #container_title{margin:20px 20px 0px ;font-size:1.167em;}

	.owl-carousel {height:250px;}
	.owl-carousel li{height:250px;}
	.main-carousel .owl-controls .owl-dots{bottom:15px;}

	.main_copy h2{font-size:40px;letter-spacing:-0.8px;}
	.main_copy p{font-size:13px;line-height:21px;letter-spacing:-0.5px;}
	.main_copy hr{margin:10px 0;}

	
	.main_menu ul li {width:100%;height:auto;}


	#stv{width:65px;top:150px; display:none;}
	#stv_nb li{padding:7px 0 0 0;}
	#stv_nb{height:65px;}
	#stv_nb a{font-size:10px;}
	#stv_nb img{width:25px;}
	#stv_list{width:65px;}

 }


.main_contents{overflow:hidden;}
.main_contents > div{height:180px;float:left;}
.main_contents h2{font-size:20px;color:#272727;padding-bottom:15px;}

.main_contents .main_board{width:59.5%;}
.main_contents .main_board > ul{overflow:hidden;}
.main_contents .main_board > ul > li{padding:17px 17px 0;float:left;height:180px;}
.main_contents .main_board > ul > li:nth-child(1){background-color:#f4f4f4;width:44%;margin-right:3%;}
.main_contents .main_board > ul > li:nth-child(2){border:1px solid #eaeaea;width:53%;}

.main_contents .main_board .board_title{overflow:hidden;border-bottom:1px solid #e4e4e4;margin-bottom:5px;}
.main_contents .main_board h2{overflow:hidden;}
.main_contents .main_board h2 span{float:right;font-size:12px;color:#8c8c8c;font-weight:500;margin-top:5px;}
.main_contents .main_board .main_txt{text-align:center;}
.main_contents .main_board .main_txt h3{font-size:30px;color:#e54100;padding-top:5px;}
.main_contents .main_board .main_txt p{font-size:14px;color:#272727;font-weight:600;padding:4px 0 6px;}
.main_contents .main_board .main_txt span{font-size:12px;line-height:18px;display:block;}


.main_contents .main_board .board_notice li{line-height:34px;}
.main_contents .main_board .board_notice li a{font-size:14px;color:#666666;}

.main_contents .main_info{color:#272727;width:40.5%;}
.main_contents .main_info ul{overflow:hidden;}
.main_contents .main_info ul li{float:left;width:50%;text-align:center;}
.main_contents .main_info ul li:nth-child(1){border-right:1px solid #e6e6e6;}
.main_contents .main_info figure{display:inline-block;width:90px;height:90px;line-height:90px;border-radius:50%;}
.main_contents .main_info ul li:nth-child(1) figure{background-color:#ffa800;}
.main_contents .main_info ul li:nth-child(2) figure{background-color:#c00c3f;}

.main_contents .main_info p{font-size:17px;font-weight:600;padding-top:13px;}
.main_contents .main_info span{font-size:14px;display:block;padding-top:3px;}
.main_contents .main_info span.color01{color:#c00c3f;}

@media (max-width: 1100px){
	.main_contents .main_board{width:100%;margin-bottom:25px;}
	.main_contents .main_board > ul > li:nth-child(1){width:49%;margin-right:2%;}
	.main_contents .main_board > ul > li:nth-child(2){width:49%;}
	.main_contents .main_info{width:100%;}
}

@media (max-width: 740px){
	.main_contents .main_board > ul > li{padding:17px 8px 0;}
	.main_contents .main_board .main_txt h3{font-size:27px;}
	.main_contents .main_board .board_notice li a{font-size:13px;}
}

@media (max-width: 550px){
	.main_contents > div{height:auto;}
	.main_contents .main_board > ul > li:nth-child(1){width:100%;margin-right:0;margin-bottom:15px;}
	.main_contents .main_board > ul > li:nth-child(2){width:100%;}
	.main_contents .main_info ul li{width:100%;}
	.main_contents .main_info ul li:nth-child(1){border-right:0;border-bottom:1px solid #e6e6e6;padding-bottom:15px;margin-bottom:15px;}
}



/* 하단 레이아웃 */
#ft {position:relative;z-index:2;text-align:left;color:#999999;background:#333333;font-size:12px;line-height:19px;}
#ft a{color:#999999;font-size:13px;}
#ft span{color:#636363;display:inline-block;padding:0 6px;}
#ft .ft_wrap{max-width:1050px;margin:0 auto;padding:14px 0;}
#ft .ft_info{border-bottom:1px solid #484848;}


#top_btn{background:none;position:fixed;bottom:20px;right:20px;border:0;z-index:90}
#top_btn img{opacity:0.8;}
#top_btn img:hover{opacity:1}

@media (max-width: 1100px){
	#ft{text-align:center;}
	
}

@media (max-width: 940px){


}
@media (max-width: 640px){
	
}


/*서브페이지*/
#sub_container{}
#sub_area{max-width:1050px;padding:50px 0 50px 0;margin:0 auto;}
#sub_area2{max-width:1050px;padding:0 0 50px 0;margin:0 auto;}

/*서브배너*/

.book_banner, .portfolio_banner, .book_banner, .customer_banner{position:relative;}
.book_banner .sub_head{width:100%;height:300px;background:url(/img/book_visual.jpg)center no-repeat;background-size:cover;}
.portfolio_banner .sub_head{width:100%;height:300px;background:url(/img/portfolio_visual.jpg)center no-repeat;background-size:cover;}
.member_banner .sub_head{width:100%;height:300px;background:url(/img/portfolio_visual.jpg)center no-repeat;background-size:cover;}
.customer_banner .sub_head{width:100%;height:300px;background:url(/img/catalog_visual.jpg)center no-repeat;background-size:cover;}
.catalog_banner .sub_head{width:100%;height:300px;background:url(/img/catalog_visual.jpg)center no-repeat;background-size:cover;}
.sheet_banner .sub_head{width:100%;height:300px;background:url(/img/sheet_visual.jpg)center no-repeat;background-size:cover;}
.pamphlet_banner .sub_head{width:100%;height:300px;background:url(/img/pamphlet_visual.jpg)center no-repeat;background-size:cover;}
.big_banner .sub_head{width:100%;height:300px;background:url(/img/big_visual.jpg)center no-repeat;background-size:cover;}


.sub_head{/*text-align:center;*/position:relative;}
.sub_head h2{font-size:54px;color:#fefefe;padding:65px 0 10px 0;}
.sub_head p{font-size:15px;line-height:24px;color:#fff;}
.sub_head hr{display:inline-block;width:62px;height:5px;border-width:0px;background:#fff;margin-bottom:10px;border-radius:20px;}
.sub_head figure{position:absolute;right:0;bottom:0;}
br.sub_br{display:none;}


.sub_head_txt{width:1050px;margin:0 auto;position:relative;height:100%;}
br.txt_br2{display:none;}

.portfolio_banner figure{bottom:10px;}



#sub_m_nav{
  width: 1050px;
  /*margin: 1em auto;*/
  display:inline-block;
  background:rgba(0,0,0,0.6);
}

ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
}

ul.dropdown{ 
  position: relative; 
  width: 100%; 
  z-index:100;
}

ul.dropdown li{ 
  font-weight: bold; 
  float: left; 
  width: 50%; 
  position: relative;
  /*background: #ecf0f1;*/
  
  box-sizing:border-box;
}
ul.dropdown li:last-child a{
	border-right:none;
}
ul.dropdown a:hover{ 
  color: #000; 
}

ul.dropdown li a { 
  display: block; 
  /*padding: 20px 8px;*/
  color: #fff; 
  position: relative; 
  z-index: 2000; 
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  width:100%;
  line-height:50px;
  text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;
  padding:0 10px;
  font-size:14px;
	border-right:1px solid rgba(255, 255, 255, 0.3);
}

ul.dropdown li:first-child a { display:block; /*border-left:1px solid rgba(255, 255, 255, 0.3)*/}

.drop_home a {width:auto !important; padding: 0px 20px;}

ul.dropdown li a:hover,
ul.dropdown li a.hover{ 
  background: rgba(0,161,233,0.7);
  position: relative;
  color: #fff;
}


ul.dropdown ul{ 
 display: none;
 position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  z-index: 1000;
}

ul.dropdown ul li { 
  font-weight: normal; 
  background:none; 
  color: #000; 
  border-bottom: 1px solid #ccc; 
  width:100%;
}
ul.dropdown ul li:last-child{
	border-bottom:none;
}
ul.dropdown ul li a{ 
  display: block; 
  color: #fff !important;
  background: rgba(0,0,0,0.7) !important;
} 

ul.dropdown ul li a:hover{
  display: block; 
  background: #187dd2 !important;
  color: #fff !important;
} 

.drop > a{
  position: relative;
}

/*.drop > a:after{
  content:"";
  position: absolute;
  right: 10px;
  top: 40%;
  width:15px;
  height:9px;
  z-index: 999;
  background:url('/img/submenu_btn.png') 0 0 no-repeat;
}*/

.drop > a:hover:after{
  content:"";
  /* border-left: 5px solid transparent;
  border-top: 5px solid #fff;
  border-right: 5px solid transparent;*/
}


/*포트폴리오 서브메뉴*/
.portfolio_submenu{background-color:#f4f4f4;border-bottom:1px solid #e6e6e6;}
.portfolio_submenu ul{overflow:hidden;max-width:1050px;margin:0 auto;}
.portfolio_submenu ul li{float:left;width:20%;font-size:18px;text-align:center;font-family: 'NanumSquare', sans-serif;font-weight:700;height:50px;line-height:50px;}
.portfolio_submenu ul li a{color:#333333;border-right:1px solid #e6e6e6;display:block;}
.portfolio_submenu ul li:first-child a{border-left:1px solid #e6e6e6;}
.portfolio_submenu ul li a:after{content:'';display:inline-block;width:18px;height:18px;background:url('/img/sub_icon.png') no-repeat;vertical-align:middle;margin-left:20px;}
.portfolio_submenu ul li:hover{background-color:#333333;
-webkit-transition-duration:400ms;
-moz-transition-duration:400ms;
-o-transition-duration:400ms;
-ms-transition-duration:400ms;
transition-duration:400ms;

}
.portfolio_submenu ul li:hover a{color:#fff;}
.portfolio_submenu ul li:hover a:after{background:url('/img/sub_icon_on.png') no-repeat;}

/*.book_menu{width:930px;margin:0 auto;}*/
.book_menu ul li{width:33.33%;}
/*포트폴리오 서브메뉴*/

.customer_menu ul li{width:25%;}



.sub_copy{text-align:center;color:#272727;padding:0 0 50px 0;}
.sub_copy .copy_title{overflow:hidden;display:inline-block;}
.sub_copy h2{font-size:32px;padding-top:3px;}
.sub_copy hr{display:inline-block;width:40px;height:3px;background-color:#1d80d2;margin:0;border:0;}
.sub_copy span{font-weight:500;}
.sub_copy .copy_icon{display:inline-block;float:left;margin-right:10px;}
.sub_copy p{font-size:14px;line-height:22px;padding-top:15px;color:#6e6e6e;}

.book_category{text-align:center;padding-bottom:20px;}
.book_category ul{overflow:hidden;width:650px;display:inline-block;}
.book_category ul li{float:left;width:20%;text-align:center;position:relative;}
.book_category ul li a{display:block;}
.book_category ul li p{font-size:12px;color:#666;padding-top:10px;}
.book_category ul li span{width:1px;height:35px;background:#f1f1f1;display:inline-block;position:absolute;top:15px;right:0;}

#book_sch{width:390px;z-index:999;padding-bottom:40px;margin:0 auto;position:relative;}
#book_sch form:after{display:block;visibility:hidden;clear:both;content:""}
#book_sch h3{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#book_sch #sch_submit {width:30px;height:30px;line-height:30px;float:right;background:#858787;border:none;position:absolute;right:0;}
#book_sch #sch_str{width:100%;height:30px;line-height:30px;background:none;border:2px solid #858787;float:left;padding:0 10px;}
#book_sch:before{display:none;content: "";position: absolute;top: -8px;right:10px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #aaa transparent;}
#book_sch:after{display:none;content: "";position: absolute;top: -7px;right:10px;width: 0;height: 0;border-style: solid;border-width: 0 6px 8px 6px;border-color: transparent transparent #fff transparent;z-index:1919}
.white-fa{color:#fff;font-size:18px !important;padding-top:5px;}

@media(max-width:740px){
	.book_category ul{width:300px;}
	.book_category ul li{width:33%;margin-bottom:10px;}
	.book_category ul li:nth-child(4){clear:both;margin-left:60px;}
	.book_category ul li:nth-child(3) span{display:none;}

	#book_sch{width:200px;}

	.sub_copy{padding:0 0 30px;}
}

/*표지샘플보기*/
ul.item_form{overflow:hidden;}
ul.item_form li{float:left;}
ul.item_form li .book_img{background:#fff;text-align:center;padding:50px 0;border:1px solid #f0efef;}
ul.item_form li .book_img img{border:1px solid #f0efef;}
ul.item_form li .book_txt{padding:15px 10px;text-align:left;/*border-top:1px solid #ccc;border-bottom:1px solid #666;*/overflow:hidden;background-color:#f7f7f7;}
ul.item_form li .book_txt h2{font-size:18px;color:#272727;display:inline-block;padding-top:5px;}
ul.item_form li .book_txt a{font-size:13px;background:#ff2a00;color:#fff;display:inline-block;float:right;padding:0px 15px;line-height:30px;border-radius:5px;margin-top:7px;}

.sub_bookcover_area ul li{width:23%;margin:0 2.66% 40px 0;}
.sub_bookcover_area ul li:nth-child(4n){margin:0 0 40px 0;}

.sub_portfolio_area ul li{width:31.5%;margin:0 2.75% 40px 0;}
.sub_portfolio_area ul li .book_txt{padding:18px 10px;}
.sub_portfolio_area ul li:nth-child(3n){margin:0 0 40px 0;}


.view_page{text-align:center;padding:40px 0 20px 0;}
.view_page ul{overflow:hidden;display:inline-block;}
.view_page ul li{float:left;font-size:16px;padding:0 15px;}
.view_page ul li a{color:#666;}
.view_page ul li.selected a{color:#e4047d;}

.view_search{text-align:center;}
.view_search .view_search_wrap{display:inline-block;}
.view_search input, .view_search select{height:30px;}
.view_search select#search{width:70px;border:1px solid #cfcfcf;color:#666;}
.view_search input#search_area{width:245px;border:1px solid #cfcfcf;margin:0 10px;}
.view_search input#search_btn{width:55px;background:#0287dc;color:#fff;border:none;font-size:15px;}



/*주문 공통*/
.order_form{width:930px;margin:0 auto;padding:30px 0; color:#fff;}
.order_form > h2{font-size:21px;color:#272727;padding-bottom:10px;display:inline-block;}
.order_form > h3{display:inline-block;font-size:15px;color:#666;font-weight:500;}
.order_form > h2 span{width:29px;height:29px;line-height:29px;font-size:16px;color:#fff;border-radius:50%;background-color:#1a8edc;display:inline-block;text-align:center;margin-right:5px;}
.order_form table{width:100%;border-collapse:collapse;border-top:2px solid #7d7d7d;border-bottom:1px solid #d3d3d3;text-align:left;line-height:18px;}
.order_form table th{background-color:#f0f0f0;border:1px solid #f1f1f1;border-left:none;padding:12px 0 12px 40px;font-size:13px;color:#272727;width:150px;text-align:left;}
.order_form table tr:last-child th{border-bottom:1px solid #d3d3d3;}
.order_form table tr:last-child td{border-bottom:1px solid #d3d3d3;line-height:30px;}
.order_form table td{border:1px solid #ebebeb;border-right:none;padding:8px 10px;font-size:12px;color:#4f4f4f;line-height:20px;position:relative;}
.order_form table td input[type="text"], .order_form table td select, .order_form table td option{height:25px;border:1px solid #e2e2e2;padding:0 0px 0 5px;color:#4f4f4f;}
.order_form table td input[type="radio"]{margin-right:5px;}
.order_form table td input#order_name{width:270px;}
.order_form table td input#order_page{width:65px;}
.order_form table td select#order_page{width:65px;}
.order_form table td input.paper2{width:420px;}
.order_form table td input#cover_file{width:270px;}
.order_form table td input#paper_location{width:445px;}
.order_form table td textarea#order_memo{width:720px;height:260px;overflow-y:hidden;border:1px solid #e2e2e2;}
.order_form table td label{margin-right:20px;}
.order_form table td label.order_right{margin-right:43px;}
.order_form table td select{width:170px;}
.order_form table td select#order_aa{width:120px;}
.order_form table td select#paper{width:140px;}
.order_form table td select#paper2{width:200px;}
.order_form table td select#order_dan{width:90px;}
.order_form table td .order_size{padding:5px 0;}
.order_form table td .order_size input[type="text"]{width:80px;}
.order_form table td #order_num, #inside_page_num, #ganji_num, #inside_page_num_add, #order_page, #book_page{width:80px;height:25px;border:1px solid #e2e2e2;padding:0 0px 0 5px;color:#4f4f4f;}
.order_form table td .order_tip{font-size:13px;color:#fff;background-color:#ff2a00;display:inline-block;line-height:20px;padding:3px 12px;margin-left:10px;border-radius:20px;font-weight:600;}
.order_form table td .order_tip img{padding-right:5px;}
.order_form table td .order_ex{display:inline-block;font-size:13px;color:#ff2a00;}
.order_form table td .order_sheet_ex{margin-left:10px;}
.order_form table td .order_file{color:#fff;background:#6194b1;font-size:13px;margin:0 10px;padding:5px 10px;border-radius:30px;line-height:13px;}
.order_form table td.hole img{padding-left:5px;}
.order_form table td img.cover_copy{position:absolute;top:-120px;right:0;}
.order_form table td img.cover_copy2{position:absolute;top:-85px;right:0;}
br.order_form_br{display:none;}


.order_btn{text-align:center;padding:30px 0 60px 0;}
.order_btn ul{overflow:hidden;width:400px;display:inline-block;}
.order_btn ul li{float:left;width:49%;margin:0 2% 0 0;font-size:18px;text-align:center;font-weight:600;}
.order_btn ul li a{color:#fff;display:block;line-height:45px;box-sizing:border-box;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
-o-transition-duration:500ms;
-ms-transition-duration:500ms;
transition-duration:500ms;}
.order_btn ul li:nth-child(1){background:#ff2a00;border:1px solid #ff2a00;}
.order_btn ul li:nth-child(2){background:#666666;border:1px solid #666666;}
.order_btn ul li:last-child{background:#666666;border:1px solid #666666;margin:0;}
.order_btn ul li:nth-child(1) a:hover{background:#fff;color:#ff2a00;}
.order_btn ul li:nth-child(2) a:hover{background:#fff;color:#e73093;}
.order_btn ul li:last-child a:hover{background:#fff;color:#666666;}

.delivery_area{width:930px;padding:40px 25px;margin:0 auto;background-color:#f2f2f2;}
.delivery_area h2{font-size:22px;color:#272727;text-align:center;}
.delivery_area h4{font-size:16px;line-height:24px;color:#504e4e;font-weight:500;text-align:left;}
.delivery_area ul{overflow:hidden;padding:20px 0 40px 0;text-align:center;}
.delivery_area ul li{display:inline-block;background:#fff;border-radius:50%;width:160px;height:160px;text-align:center;vertical-align:middle;}
.delivery_area ul span{display:inline-block;width:30px;height:47px;background:url('/img/del_icon_05.png') no-repeat;margin:0 20px;vertical-align:middle;}
.delivery_area ul li h3{font-size:16px;color:#605f5f;font-weight:600;padding:15px 0 0 0; font-family:"Nanum Gothic" !important;}
.delivery_area ul li h3 span{font-size:15px;padding-right:5px;color:#e4007b;display:none;}
.delivery_area ul li img{padding-top:28px;}
.delivery_area ul br{display:none;}
.delivery_area p{font-size:14px;line-height:21px;color:#504e4e;padding-top:20px;text-align:left;}
.delivery_area p span{display:inline-block;font-size:8px;vertical-align:top;}
.delivery_area p span.delivery_space{width:12px;height:20px;}
.delivery_area > div{padding-top:30px;margin-top:30px;border-top:3px dotted #e5e5e5;}


/*간편주문*/
.sub_easy_menu{text-align:center;margin-bottom:40px;}
.sub_easy_menu h2{font-size:30px;color:#333333;padding:0px 0 5px 0;}
.sub_easy_menu hr{display:inline-block;width:40px;height:3px;background-color:#1d80d2;margin:0;border:0;}
.sub_easy_menu ul{margin-top:35px;}
.sub_easy_menu ul li{display:inline-block;font-size:20px;line-height:35px;}
.sub_easy_menu ul li a{display:inline-block;color:#666666;} 
.sub_easy_menu ul li a:hover{/*background-color:#005e8a;color:#fff;*/}
.sub_easy_menu ul li span{display:inline-block;color:#cccccc;padding:0 18px;}
.sub_easy_menu p{font-size:14px;line-height:20px;color:#666;padding-top:15px;}
/*.easy_img {background-color:#f7f7f7; border:1px solid #efefef; border-bottom:none; padding:50px;}*/

.sub_easy_menu ul li.selected a{background-color:#005e8a;color:#fff;}

.sub_easy_area{margin-bottom:40px;}
.sub_easy_area .easy01{overflow:hidden;}
.sub_easy_area .easy01 li{float:left; width:330px; margin:0 30px 20px 0;}
.sub_easy_area .easy01 li:nth-child(3n){margin:0 0 20px 0;}
.sub_easy_area .easy01 li h2{padding:15px;/*border-top:1px solid #000;*/border-bottom:1px solid #ccc;overflow:hidden;background-color:#f7f7f7;}
.sub_easy_area .easy01 li h2 .easy_title{font-size:18px;color:#272727;vertical-align:middle;padding-top:5px;display:inline-block;}
.sub_easy_area .easy01 li h2 .easy_order{font-size:14px;background-color:#ff2a00;border-radius:5px;float:right;font-weight:500;}
.sub_easy_area .easy01 li h2 .easy_order a{display:block;color:#fff;padding:7px 15px;}
.sub_easy_area .easy01 li .easy_area {border:1px solid #f0efef;background-color:#fff; }
.sub_easy_area .easy01 li .easy_img{text-align:center; width:330px; display:table-cell; margin:0 auto; vertical-align:middle; height:313px;}
.sub_easy_area .easy01 li .easy_con{/*border-bottom:1px solid #000;*/padding:10px 15px;min-height:125px;background-color:#f7f7f7;}
.sub_easy_area .easy01 li .easy_con2 {/*display:inline-block;*/}
.sub_easy_area .easy01 li .easy_con2a {/*display:inline-block;*/}
.sub_easy_area .easy01 li .easy_con3 {/*float:right;*/}
.sub_easy_area .easy01 li .easy_con p{font-size:15px;line-height:26px;color:#272727;}

/*간편주문*/




@media(max-width:1100px){
	#sub_m_nav{width:100%;}
	#sub_area{padding:50px 10px;}
	#sub_area2{padding:0 10px 50px 10px;}
	.sub_bookcover_area ul{text-align:center;}
	.sub_bookcover_area ul li{width:240px !important;margin:10px 10px 40px 10px;display:inline-block;float:none;}
	.sub_bookcover_area ul li:nth-child(4n){margin:10px 10px 40px 10px;}
	
	.sub_portfolio_area ul{text-align:center;}
	.sub_portfolio_area ul li{width:330px;margin:10px 10px 40px 10px;display:inline-block;float:none;}
	.sub_portfolio_area ul li:nth-child(3n){margin:10px 10px 40px 10px;}
	
	.order_form{width:100%;}
	.delivery_area ul{text-align:left;display:inline-block;margin:0 auto;}
	.delivery_area ul li{width:140px;height:140px;margin-bottom:10px;}
	.delivery_area ul li img{padding-top:15px;}
	.delivery_area ul span{margin:0 10px;}
	.delivery_area{width:100%;text-align:center;}
	
	.order_form table td textarea#order_memo{width:100%;}
	.order_form table td input.paper2{width:90%;margin-top:10px;}
	.order_form table td input#paper_location{width:100%;}

	.delivery_area p span.delivery_space{display:none;}
	br.delivery_br{display:none;}
	.order_form table td img.cover_copy{position:static;}

	.sub_head_txt{width:auto;margin:0 0 0 20px;}
	.book_banner .sub_head figure{}
	.catalog_banner .sub_head figure img{width:410px;}

	.catalog_banner .sub_head figure{right:0;}
	.catalog_banner .sub_head figure img{/*width:450px;*/}

	.pamphlet_banner .sub_head figure{right:0;}
	.pamphlet_banner .sub_head figure img{width:420px;}

	.sheet_banner .sub_head figure img{width:420px;}

	.big_banner .sub_head figure img{width:410px;}
	.portfolio_banner .sub_head figure img{width:410px;}

	/*.book_menu{width:100%;}*/

	.sub_easy_area .easy01{text-align:center;}
	.sub_easy_area .easy01 li{float:none;display:inline-block;margin:0 10px 20px 10px;}
	.sub_easy_area .easy01 li:nth-child(3n){margin:0 10px 20px 10px;}
}
@media(max-width:1050px){

}

@media(max-width:850px){
	.book_banner .sub_head figure, .pamphlet_banner .sub_head figure{display:none;}
	.catalog_banner .sub_head figure{display:none;}
	.sheet_banner .sub_head figure{display:none;}
	.big_banner .sub_head figure{display:none;}
	.portfolio_banner .sub_head figure{display:none;}
	.order_form > h3{display:block;padding-bottom:10px;line-height:22px;}

	.sub_head{height:210px !important;text-align:center;}
	.sub_head h2{font-size:48px;padding:40px 0 0;}
	.sub_head p{font-size:14px;line-height:24px;}
	.sub_head hr{width:55px;height:4px;margin-top:10px;}

	.sub_head_txt{margin:0;}

	.customer_menu ul li{font-size:16px;}

	.delivery_area{padding:35px 15px;}
	.delivery_area ul{padding:20px 0 30px;}
	.delivery_area ul br{/*display:block;*/}
	.delivery_area ul li{width:95px;height:95px;}
	.delivery_area ul li h3{font-size:13px;padding:10px 0 0;}
	.delivery_area ul li img{height:60px;}
	.delivery_area ul span{width:20px;height:31px;background-size:cover;margin:0 5px;}
}

@media(max-width:700px){
	.order_form table th{width:100px;padding:13px 0 13px 20px;}
	.order_form table td{padding:8px 0px 8px 10px;}

	/*.sub_portfolio_area ul li{width:48%;margin:0 4% 40px 0;}
	.sub_portfolio_area ul li:nth-child(3n){margin:0 4% 40px 0;}
	.sub_portfolio_area ul li:nth-child(2n){margin:0 0 40px 0;}
	.sub_portfolio_area ul li img{width:100%;}*/

	ul.item_form li .book_img{padding:20px;}
	ul.item_form li .book_txt h2{/*font-size:14px;*/padding:0;}
	
	/*.delivery_area ul li{height:125px;}
	.delivery_area ul li img{width:55px;}
	.delivery_area ul li h3{font-size:14px;}
	.delivery_area ul li > span{width:34px;height:125px;right:-15px;background-size:cover;}*/

	.portfolio_submenu{}
	.portfolio_submenu ul li{font-size:13px;height:35px;line-height:35px;}
	.portfolio_submenu ul li a{}
	.portfolio_submenu ul li a:after{margin-left:10px;}
	.portfolio_submenu ul li:nth-child(1), .portfolio_submenu ul li:nth-child(2){width:50%;}
	.portfolio_submenu ul li:nth-child(3), .portfolio_submenu ul li:nth-child(4), .portfolio_submenu ul li:nth-child(5){width:33.33%;}
	.portfolio_submenu ul li:nth-child(2) a{border-right:none;}
	.portfolio_submenu ul li:nth-child(1) a, .portfolio_submenu ul li:nth-child(2) a{border-bottom:1px solid #e6e6e6;}
	.portfolio_submenu ul li:nth-child(5){margin:0;}

	.book_menu ul li{width:33.33% !important;}
	.book_menu ul li:nth-child(2) a{border-right:1px solid #fff;}

	.customer_menu ul li{width:50% !important;}

	.sub_easy_menu ul li{font-size:16px;line-height:35px;}
}

@media(max-width:550px){
	#sub_area{padding:40px 10px;}
	.sub_head{height:190px !important;}
	/*.portfolio_banner .sub_head{height:280px !important;}
	.customer_banner .sub_head{height:280px !important;}
	.member_banner .sub_head{height:200px !important;}*/
	/*.book_banner .sub_head h2{padding:30px 0 10px 0;}*/

	.sub_head_txt{}
	/*.catalog_banner .sub_head h2, .sheet_banner .sub_head h2, .big_banner .sub_head h2, .pamphlet_banner .sub_head h2{padding:60px 0 10px 0;}*/
	.sub_head h2{/*padding:45px 0 10px 0;*/font-size:40px;}
	.customer_banner .sub_head h2{padding:35px 0 10px 0;}
	.sub_head hr{width:50px;}
	.sub_head p{font-size:12px;line-height:20px;letter-spacing:-0.5px;}
	.sub_menu{height:40px;}
	ul.dropdown li{height:40px !important;}
	ul.dropdown li a{font-weight:500;font-size:12px;line-height:40px;}
	.portpolio_menu ul.dropdown li:nth-child(1), .portpolio_menu ul.dropdown li:nth-child(2), .portpolio_menu ul.dropdown li:nth-child(3), .customer_menu ul.dropdown li:nth-child(2), .customer_menu ul.dropdown li:nth-child(1){border-bottom:1px solid rgba(255, 255, 255, 0.3);}
	.sub_copy h2{font-size:28px;}
	.sub_copy .copy_icon img{width:38px;}
	.sub_copy p{font-size:13px;line-height:20px;}

	.portpolio_menu{height:80px !important;}
	.portpolio_menu ul.dropdown li{width:33.33%;}
	.portpolio_menu ul.dropdown li a{}
	.portpolio_menu ul.dropdown li:nth-child(4){clear:both;width:50%;}
	.portpolio_menu ul.dropdown li:nth-child(5){width:50%;}
	/*.customer_menu{height:80px;}
	.customer_menu ul.dropdown li{width:50%;}*/
	br.sub_br{display:block;}

	
	/*.sub_bookcover_area ul li{width:48% !important;margin:0 4% 40px 0;}
	.sub_bookcover_area ul li:nth-child(4n){margin:0 4% 40px 0;}
	.sub_bookcover_area ul li:nth-child(2n){margin:0 0% 40px 0;}
	.sub_bookcover_area ul li .book_img{padding:20px;}
	.sub_bookcover_area ul li .book_img img{width:100%;}*/
	.sub_portfolio_area ul li .book_txt{padding:15px 10px;}
	ul.item_form li .book_txt h2{/*width:100%;*/text-overflow: ellipsis;  overflow: hidden;  white-space: nowrap;padding-bottom:5px;}
	ul.item_form li .book_txt a{font-size:12px;padding:0px 10px;}

	.order_form{padding:20px 0;}
	.order_form table td input#order_name{width:100%;}
	.order_form table td input#size_width{margin-bottom:10px;}
	.order_form table td img.cover_copy{width:170px;}
	br.order_form_br{display:block;}
	.view_search input#search_area{width:150px;margin:0 5px;}
	.view_search input#search_btn{width:45px;font-size:13px;}
	.order_form table td input#cover_file{width:180px;display:block;}
	.order_form table td .order_file{display:inline-block;margin:7px 0 5px 0;}
	.order_form table td .order_tip{margin-top:5px;}
	.order_form table td .order_tip_m{margin-top:0;}
	.order_form table td .order_sheet_ex{margin-left:0;margin-top:10px;}
	.order_form table td .order_size input[type="text"]{width:60px;}
	.order_form table td input#book_subject{width:100%;}

	.order_btn ul{width:100%;}
	.order_btn ul li{font-size:15px;}
	.order_btn ul li a{line-height:35px;}

	.delivery_area{padding:30px 15px;}
	.delivery_area ul li{}
	.delivery_area ul{padding:20px 0;}
	.delivery_area ul br{display:block;}
	.delivery_area ul li h3{padding:8px 0 0;letter-spacing:-0.5px;}
	.delivery_area ul li > span{}
	.delivery_area ul li h3 span{/*display:inline-block;*/}
	.delivery_area p{font-size:13px;}
	.delivery_area h4{font-size:15px;}

	br.txt_br{display:none;}
	br.txt_br2{display:block;}

	.sub_easy_area .easy01 li h2{padding:10px 0;}
	.sub_easy_area .easy01 li .easy_con{padding:10px 0;}
	.sub_easy_area .easy01 li h2 .easy_title{font-size:17px;}
	.sub_easy_area .easy01 li h2 .easy_order{font-size:13px;}
	.sub_easy_area .easy01 li .easy_img{padding:30px 0;}

	.sub_easy_menu ul{margin-top:25px;}
	.sub_easy_menu ul li{font-size:14px;}
	.sub_easy_menu ul li span{padding:0 10px;}
	.sub_easy_menu hr{}
	.sub_easy_menu p{font-size:13px;}
}


@media(max-width:390px){
	.sub_portfolio_area ul li, .sub_easy_area .easy01 li{width:300px;}

}







/*샘플주문 팝업*/

#popLayer, #popLayer2{z-index:1000;}
.popup_bookcover{max-width:600px;background-color:#FFF;}
.popup_bookcover .bookcover_top{width:100%;height:73px;background:url('/img/popup_top_bg.jpg') center no-repeat;background-size:cover;padding:17px 30px;}
.popup_bookcover .bookcover_top h1{float:left;}
.popup_bookcover .bookcover_top h2{font-size:24px;color:#fff;float:right;padding-top:10px;}
.popup_bookcover .bookcover_top h2 span{font-weight:500;}

.bookcover_con{padding:20px 30px;overflow:hidden;}
.bookcover_con .bookcover_img{border:3px solid #dbd9d9;padding:20px 30px;margin:8px 0;}

.bookcover_txt{overflow:hidden;}
.bookcover_txt ul{overflow:hidden;float:left;padding-top:15px;padding-left:5px;}
.bookcover_txt ul li{float:left;font-size:14px;color:#545454;margin-right:30px;}
.bookcover_txt ul li span{font-size:13px;color:#333333;font-weight:600;}
.bookcover_txt figure{float:right;}

.bookcover_bottom span{font-size:13px;color:#919090;}
.bookcover_bottom a{float:right;font-size:14px;color:#333;font-weight:600;background:none;border:0;}
.bookcover_bottom a img{padding-left:5px;}


/*팁*/
.popup_tip{width:500px;background-color:#FFF;overflow:hidden;}
.popup_tip a{float:right;font-size:14px;}
.popup_tip a img{padding-left:5px;}
.popup_tip .tip_top{width:100%;height:49px;background:url('/img/tip_top_bg.jpg') center no-repeat;background-size:cover;padding:10px 20px;}
.popup_tip .tip_top h1{float:left;}
.popup_tip .tip_top h2{font-size:20px;color:#fff;float:right;padding-top:5px;}
.popup_tip .tip_top h2 span{font-weight:500;}

.tip_con{padding:25px 20px 10px;overflow:hidden;}

.tip_title{padding-bottom:30px;}
.tip_title h2{font-size:20px;color:#294457;border-bottom:1px solid #666;padding-bottom:5px;margin-bottom:5px;}
.tip_title p{font-size:13px;line-height:20px;color:#818080;letter-spacing:-0.5px;}

.coating_area ul{overflow:hidden;}
.coating_area ul li{float:left;width:150px;margin-right:5px;}
.coating_area ul li:last-child{margin-right:0;}
.coating_area ul li img{border:1px solid #e3e2e2;}
.coating_area ul li div{padding:20px 0;text-align:center;}
.coating_area ul li h3{font-size:15px;color:#e4047d;padding-bottom:10px;}
.coating_area ul li p{font-size:13px;line-height:19px;color:#777676;}

.cutout_area figure{padding:0 30px 20px 30px;position:relative;}
.cutout_area figure p{font-size:12px;color:#737171;position:absolute;right:10px;bottom:0;}
.cutout_area figure p span{color:#e4047d;display:inline-block;margin-bottom:5px;}

.piercing_area ul{overflow:hidden;}
.piercing_area ul li{float:left;width:215px;margin-right:30px;text-align:center;}
.piercing_area ul li:last-child{margin-right:0;}
.piercing_area ul li img{border:1px solid #e3e2e2;width:215px;box-sizing:border-box;}
.piercing_area ul li div{padding:15px 0;}
.piercing_area ul li div p{font-size:12px;line-height:19px;color:#6e6e6e;padding-bottom:10px;}
.piercing_area ul li div p span{color:#e4047d;font-weight:600;}
.piercing_area ul li div > span{font-size:13px;color:#fff;background-color:#0066cc;padding:5px 15px;border-radius:20px;}

.sewing_area{overflow:hidden;margin:-20px 0 20px 0;}
.sewing_area img{float:left;padding-right:10px;}
.sewing_area p{font-size:13px;line-height:19px;color:#6e6e6e;padding:10px 0;}

.folding_area ul{overflow:hidden;}
.folding_area ul li{float:left;border:1px solid #e3e2e2;padding:15px 20px 20px 20px;box-sizing:border-box;text-align:center;width:229px;height:245px;margin-right:2px;}
.folding_area ul li:last-child{margin-right:0;}
.folding_area ul li p{font-size:12px;color:#333;}
.folding_area ul li p span{color:#e4047d;font-weight:600;}
.folding_area ul li > span{display:inline-block;font-size:13px;color:#fff;padding:5px 15px;border-radius:20px;background-color:#0066cc;}
.folding_area ul li:first-child span{margin-top:25px;}
.folding_area ul li:last-child span{margin-top:10px;}

.cahier_area ul{text-align:right;}
.cahier_area ul li{display:inline-block;position:relative;text-align:right;}
.cahier_area ul li img{display:block;}
.cahier_area ul li span{display:inline-block;width:58px;text-align:center;font-size:13px;line-height:25px;}
.cahier_area ul li.cahier05 span{width:55px;}
.cahier_area ul li.cahier01{text-align:center;}
.cahier_area ul li.cahier01 span{font-weight:600;color:#e4047d;}
.cahier_area ul li.cahier02{margin-left:55px;}
.cahier_area ul li.cahier03{margin-left:40px;}
.cahier_area p{font-size:13px;line-height:19px;color:#818080;text-align:right;margin-bottom:30px;letter-spacing:-0.5px;}
.cahier_area p br{display:none;}



.black_overlay {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 999;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}
.black_overlay a{
	position:absolute;top:10px;right:10px;
}

@media(max-width:620px){
	.popup_bookcover{width:auto;}
	.popup_bookcover .bookcover_top{padding:15px;}
	.bookcover_con{padding:15px;}
	.bookcover_con .bookcover_img{padding:20px 10px;}
	.bookcover_con .bookcover_img img{width:100%;}
	.popup_bookcover .bookcover_top h2{font-size:18px;}
	.bookcover_txt figure img{width:90px;}
	.bookcover_txt ul li{float:none;margin-right:0;margin-bottom:5px;}
	.bookcover_bottom a{margin-top:5px;}

	

	.popup_tip{width:320px;}
	.popup_tip .tip_top{padding:10px 15px;}
	.tip_title{padding-bottom:15px;}
	.tip_title h2{font-size:18px;}
	.tip_title p br{display:none;}
	.tip_con{padding:15px 15px 10px;}

	.coating_area ul li{float:none;overflow:hidden;width:100%;margin-right:0;margin-bottom:10px;}
	.coating_area ul li img{width:120px;float:left;margin-right:15px;}
	.coating_area ul li div{text-align:left;padding:10px 0;}

	.cutout_area figure{padding:0 0 20px 0;}
	.cutout_area figure p{position:static;padding-top:20px;text-align:center;}

	.piercing_area ul{text-align:center;}
	.piercing_area ul li{float:none;display:inline-block;margin-right:0;}

	.sewing_area {text-align:center;}
	.sewing_area img{float:none;}

	.folding_area ul{text-align:center;}
	.folding_area ul li{float:none;display:inline-block;margin-right:0;margin-bottom:5px;height:auto;width:220px;padding:15px;}
	.folding_area ul li:first-child span{margin-top:5px;}

	.cahier_area ul{text-align:center;}
	.cahier_area ul li.cahier02{margin-left:30px;}
	.cahier_area ul li.cahier03{margin-left:0;}
	.cahier_area p{text-align:center;margin-bottom:15px;}
	.cahier_area p br{display:block;}
	.cahier_area ul li img{height:120px;}
	.cahier_area ul li.cahier02 span, .cahier_area ul li.cahier03 span{width:45px;}
}

@media(max-width:400px){
	.cutout_area figure img{width:100%;}
}






/* 목록 바로가기 */
.sanchor {margin:0 0 5px;padding:0}
.sanchor:after {display:block;visibility:hidden;clear:both;content:""}
.sanchor li {float:left;list-style:none;width:25%;border-top:2px solid #000;text-align:center;  overflow: hidden;  white-space: nowrap;letter-spacing:0.2em;font-size:0.93em}
.sanchor a {display:block;padding:10px;border-left:1px solid #ededed;border-bottom:1px solid #ededed;background:#fcfcfc;text-decoration:none;color:#484848}
.sanchor a:focus, .sanchor a:hover {background:#eee;text-decoration:none}
.sanchor a.sanchor_on {background:#fff;text-decoration:none;border-bottom:1px solid #fff;}

#group{text-align:left;margin:20px}

/* ########## 쇼핑몰 컨텐츠 ########## */
/*메인 */
#idx_magazine{margin-bottom:20px;text-align:left}
#idx_magazine h2{border-bottom:1px solid #ddd;line-height:50px;text-align:center}
#idx_shop .idx_shop{margin:30px 0}
#idx_shop h2{display:inline-block;padding:10px;margin:30px 0;border:3px double #fff;font-size:1em;transition: all 0.3s ease;}
#idx_shop .idx_shop_wr:hover h2{padding: 10px 20px;border-color:#aaa}
.idx_notice{}
#idx-tabitem{text-align:center}
#idx-tabitem h3{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.idx_best {text-align:center;padding:30px 0 0}
.idx_best h3{text-align :center;padding:0 15px;font-family:'Nanum Gothic',sans-serif;background:url(../img/tab-bg.jpg) repeat-x 0 50%;display:inline-block;font-size:1.167em}
.idx_best h3 a{display:inline-block;background:#fff;font-weight:bold;padding:0 10px}
#idx_coupon{margin:0 0 50px}
#idx_coupon img{width:100%;height:auto;margin:10px 0}
#cate_best{margin:90px 20px 20px;text-align:center}
#cate_best h2{display:inline-block;padding:10px;margin:30px 0;border:3px double #fff;font-size:1em;transition: all 0.3s ease;}
#cate_best:hover h2{padding: 10px 20px;border-color:#aaa}
#cate_best .sct_noitem{line-height:270px;padding:0;color:#999}
#cate_best .tab ul{text-align:center;background:#929292;}
#cate_best .tab ul:after {display:block;visibility:hidden;clear:both;content:""}
#cate_best .tab li{float:left;margin:0;padding:0;width:16.5%}
#cate_best .tab .tab-1{width:17.5%}
#cate_best .tab li button{border:0;background:none;line-height:35px;color:#fff;background:#929292;font-size:11px;padding: 0 10px;width:100%;border-left:0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
#cate_best .tab .tab-1 button{}
#cate_best .tab li .tab_selected{font-weight:bold;background:#f98c96;}
#cate_best .tab_content{background:#fff;border:1px solid #ddd;border-top:0;padding:20px;min-height:200px}
#cate_best_item{padding:30px;background:#ebeeef}
.bo_cate_link{line-height:1em}
#idx_review{;margin:50px 20px;}
#idx_review h2{display:inline-block;padding:10px;margin:30px 0;border:3px double #fff;font-size:1em;transition: all 0.3s ease;}
#idx_review:hover h2{padding: 10px 20px;border-color:#aaa}
#idx_review ul{border-left:1px solid #ddd;border-right:1px solid #ddd;border-top:1px solid #ddd;}
#idx_review ul:after {display:block;visibility:hidden;clear:both;content:""}
#idx_review li{border-bottom:1px solid #ddd;width:50%;float:left;transition: all 0.3s ease;}
#idx_review li img{width:100%;height:auto}
#idx_review li .rv_img{display:block;width:50%;float:right;}
#idx_review li .rv_txt{;width:50%;float:left;position:relative;padding-top: 50%;text-align:center}
#idx_review li .rv_txt .txt_wr{position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;width: 100%;height: 100%;}
#idx_review li .rv_txt .txt_wr_inner{display:inline-block;vertical-align:middle;padding:10px;max-width:230px}
#idx_review li .rv_txt .txt_wr:after{vertical-align: middle;display: inline-block;content: '';width: 0;height: 100%;}
#idx_review li .rv_tit{display:block;font-size:2em;font-family:'Nanum Gothic',sans-serif;font-weight:bold;line-height:1.3em;margin-bottom:5px}
#idx_review li .rv_prd{line-height:1.5em;color:#f98c96;margin-bottom:10px;display:block;font-size:0.92em}
#idx_review li .rv_txt p{line-height:1.5em;color:#999}

@media (min-width: 971px){
    #idx_review .rv_2 .rv_img,#idx_review .rv_3 .rv_img{float:left}
    #idx_review .rv_0 .txt_wr:before,#idx_review .rv_1 .txt_wr:before{display: block;top: 50%;margin-top:-6px;content: '';position: absolute;left: 100%;width: 25px;height: 12px;border-left: 12px solid #fff;border-top: 12px solid transparent;border-bottom: 12px solid transparent;}
    #idx_review .rv_2 .txt_wr:before,#idx_review .rv_3 .txt_wr:before{display: block;top: 50%;margin-top:-6px;content: '';position: absolute;left:0;margin-left:-25px;width: 25px;height: 12px;border-right: 12px solid #fff;border-top: 12px solid transparent;border-bottom: 12px solid transparent;}
}
@media (max-width: 940px){
    #idx_shop h2{margin:10px}

    #idx_review li{width:100%}
    #idx_review .rv_1 .rv_img,#idx_review .rv_3 .rv_img{float:left;}

    #idx_review .rv_0 .txt_wr:before,#idx_review .rv_2 .txt_wr:before{display: block;top: 50%;margin-top:-6px;content: '';position: absolute;left: 100%;width: 25px;height: 12px;border-left: 12px solid #fff;border-top: 12px solid transparent;border-bottom: 12px solid transparent;}
    #idx_review .rv_1 .txt_wr:before,#idx_review .rv_3 .txt_wr:before{display: block;top: 50%;margin-top:-6px;content: '';position: absolute;left:0;margin-left:-25px;width: 25px;height: 12px;border-right: 12px solid #fff;border-top: 12px solid transparent;border-bottom: 12px solid transparent;}
}

@media (max-width: 550px){
    #cate_best .tab li,#cate_best .tab .tab-1{width:33.333%}
    #cate_best .tab li:nth-child(3n+1){clear:both}
    #cate_best_item{padding:20px}
    #idx_review  li .rv_tit{font-size:1.25em;}
    #idx_review  li  p{display:none;}
    #idx_review  li .rv_txt .txt_wr_inner{display:inline-block;vertical-align:middle;padding:10px;max-width:140px;font-size:1em}

}

/*탭*/
#sidx{text-align:center}
#sidx .tabsTit{padding:20px 0;text-align:center;display:inline-block;font-family:'Nanum Gothic',sans-serif;}
#sidx .tabsTit:after {display:block;visibility:hidden;clear:both;content:""}
#sidx .tabsTit li{list-style:none;display:inline-block;font-weight:bold;padding:0 5px;font-size:1.09em;color:#969696;cursor:pointer}
#sidx .tabsTit .tab-first{background:url(../img/tab-bg.jpg) no-repeat left 50%;padding-left:30px}
#sidx .tabsTit .tab-last{background:url(../img/tab-bg.jpg) no-repeat right 50%;padding-right:30px}
#sidx .tabsTit .tabsHover{color:#000}

@media (max-width: 640px){
    #sidx .tabsTit li{font-size:1em;padding:0 3px}
    #sidx .tabsTit .tab-first{background:url(../img/tab-bg.jpg) no-repeat left 50%;padding-left:20px}
    #sidx .tabsTit .tab-last{background:url(../img/tab-bg.jpg) no-repeat right 50%;padding-right:20px}
}


/* 사용후기 모음 */
#sps_sch {margin: 10px 20px;text-align:left}
#sps_sch a {display:inline-block;padding:0 8px;height:23px;background:#333;color:#fff;text-decoration:none;vertical-align:middle;line-height:23px}
#sps_sch .btn_submit {padding:0 8px;height:23px;vertical-align:middle}
#sps_sch .frm_input {padding:0 8px;height:23px;vertical-align:middle}
#sps_sch select{padding:0 8px;height:23px;vertical-align:middle}

#sps {margin: 10px 20px;zoom:1}
#sps ol {margin:0;padding:0 10px;border-top:1px solid #e9e9e9;list-style:none;text-align:left}
#sps li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9}
#sps li:after {display:block;visibility:hidden;clear:both;content:""}

.sps_img {position:absolute;top:10px;left:0px}
.sps_img span {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}

#sps dl {margin:5px 0 10px; color: #888;  font-size: 0.917em;overflow:hidden}
#sps dt {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sps dd {float:left;margin-right:5px}
#sps dd img {position:relative;top:-2px}

.sps_section {margin-left:80px;display:block;}
.sps_section p {padding:0;width:100%}
.sps_con_full {padding:0;height:auto !important}
.sps_con_btn {margin:5px 0 0;text-align:right}
.sps_con_btn button {margin:0;padding:5px;border:0;background:#565e60;color:#fff}

/* 상품문의 모음 */
#sqa_sch {margin: 10px 20px;text-align:left}
#sqa_sch a {display:inline-block;padding:0 8px;height:23px;background:#333;color:#fff;text-decoration:none;vertical-align:middle;line-height:23px}
#sqa_sch .btn_submit {padding:0 8px;height:23px;vertical-align:middle}
#sqa_sch .frm_input {padding:0 8px;height:23px;vertical-align:middle}
#sqa_sch select{padding:0 8px;height:23px;vertical-align:middle}

#sqa {zoom:1;text-align:left;margin: 10px 20px}
#sqa ol {margin:0;padding:0;border-top:1px solid #e9e9e9;list-style:none;padding:0 10px}
#sqa li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9}
#sqa li:after {display:block;visibility:hidden;clear:both;content:""}

.sqa_img {position:absolute;top:10px;left:0px}
.sqa_img span {position:absolute;font-size:0;line-height:0;overflow:hidden;width:0;}

#sqa dl {margin:5px 0 10px; color: #888;  font-size: 0.917em;overflow:hidden}
#sqa dt {float:left;margin:0 0 5px}
#sqa dd {float:left;margin:0 15px 5px 5px}
#sqa dd img {position:relative;top:-2px}

.sqa_section {margin-left:80px;display:block}
.sqa_section .sqa_con {background:#fff;line-height:1.7em}
.sqa_section p {padding:0;width:100%}
.sqa_con_full {padding:0;height:auto !important}
.sqa_con_btn {margin:5px 0 0;text-align:right}
.sqa_con_btn button {margin:0;padding:5px;border:0;background:#565e60;color:#fff}

#sqa .sit_qa_qaq,#sqa .sit_qa_qaa {padding:10px 5px 10px ;position:relative}
#iq_subject{width:100%;}

/* 마이페이지 */
#smb_my{margin:20px}
#smb_my_ov {margin:0 0 20px;background:#fff;border:2px solid #000;text-align:left}
#smb_my_ov h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_ov .hello_name{position:relative;line-height:45px;padding:0 10px;width:50%;float:left;font-weight:normal}
#smb_my_ov .hello_name i{font-size:1.2em;color:#79aaf3;}
#smb_my_ov .smb_my_act{position:absolute;top:7px;right:10px}
#smb_my_ov .smb_my_act:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov .smb_my_act li{float:left;font-size:0.92em; padding:0;margin:0 2px}
#smb_my_ov .smb_my_act li a{line-height:30px;height:30px;vertical-align:middle;display:block;;padding:0 5px}
#smb_my_ov .my_po{position:relative;float:left;width:16.666%;padding:0 10px;line-height:45px;border-left:1px solid #dfdfdf}
#smb_my_ov .my_po a{position:absolute;top:0;right:10px;font-weight:bold;color:#f50057}
#smb_my_ov .my_info{clear:both;width:100%;border-top:1px solid #dfdfdf;padding:10px}
#smb_my_ov .my_info:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_ov .my_info_wr{float:left;width:33.333%;line-height:20px;padding:3px 0px;position:relative;}
#smb_my_ov .my_info_wr strong{display:inline-block;position:absolute;top:0;left:0;vertical-align: top;padding:3px 0px;}
#smb_my_ov .my_info_wr span{display:block;padding-left:100px;}
#smb_my_ov .ov_addr{width:66.666%}

#smb_my_tab {text-align:center;text-align:center;}
#smb_my_tab .tabsTit{border-bottom:1px solid #ddd;text-align:center;margin:30px 0 20px;font-size:0}
#smb_my_tab .tabsTit li{width:200px;display:inline-block;line-height:30px;border-bottom:4px solid #fff;font-size:13px}
#smb_my_tab .tabsTit .tabsHover{border-color:#ae1548;;color:#ae1548;font-weight:bold}
#smb_my_tab h2{position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#smb_my_tab .more_btn{border:2px solid #333;color:#333;display:inline-block;padding:10px;width:200px;font-weight:bold;margin-top:20px;}
#smb_my_tab .more_btn:hover{background:#333;color:#fff;font-weight:bold}

#smb_my_wish ul:after {display:block;visibility:hidden;clear:both;content:''}
#smb_my_wish li{float:left;width:25%;padding:10px 15px;text-align:left}
#smb_my_wish li:nth-child(4n+1){clear:both}

#smb_my_wish li img{width:100%;height:auto}
#smb_my_wish li .info_link{display:block;margin:10px 0 5px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#646464;font-weight:bold}
#smb_my_wish li .info_date{color:#646464;font-size:0.92em}

@media (max-width: 940px){
    #smb_my_ov .hello_name{width:100%;border-bottom:1px solid #dfdfdf}
    #smb_my_ov .my_po{width:33.3333%}
    #smb_my_ov .my_info_wr{width:50%;}
    #smb_my_ov .ov_addr{width:100%}
    #smb_my_ov .ov_addr strong{width:20%}
    #smb_my_wish li{padding:10px;}
    #smb_my_tab .tabsTit li{width:50%;}
}

@media (max-width: 550px){
    #smb_my_ov .my_info_wr{width:100%}
    #smb_my_ov .my_po{width:100%;line-height:30px;}
    #smb_my_wish li{width:50%;}
    #smb_my_wish li:nth-child(2n+1){clear:both}

}
/* 장바구니 주문서 공통 */
#sod_chk {padding:0 0 5px;}
.sod_list {position:relative;margin:0;padding:0;list-style:none}
.sod_list .sod_li {position:relative;padding:0;border:1px solid #e9e9e9;margin:10px 0;}
.sod_list .sod_li:after {display:block;visibility:hidden;clear:both;content:""}
.sod_list .li_chk{position:absolute;top:10px;left:10px;}
.sod_list .li_name{min-height:130px}
.sod_list .li_name a,.sod_list .li_name strong{display:block;padding: 0 10px 0 25px;border-bottom:1px solid #e9e9e9;height:35px;line-height:35px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.sod_list .li_name strong{padding-left:10px}
.sod_list .total_img{position:absolute;top:45px;left:10px;}
.sod_list .sod_opt{padding:10px 10px 5px;margin-left:90px;color:#9e9e9e;font-size:0.93em}
.sod_list .sod_opt li{margin-bottom:3px}
.sod_list .li_cp .cp_btn, .sod_list .li_cp .cp_cancel, .sod_list .li_mod .mod_btn {margin:0;padding:5px 8px;border:0;background:#000;color:#fff;font-size:0.93em}
.sod_list .li_cp .cp_cancel,.odf_tbl #od_coupon_cancel,.odf_tbl #sc_coupon_cancel{border:1px solid #999;color:#777;background:#fafafa;margin-left:3px;padding:4px 5px}
.sod_list .li_prqty{margin:10px;}
.sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:""}
.sod_list .li_prqty .li_prqty_sp{width:33.33%;display:inline-block;float:left;text-align:center;line-height:2.2em;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;border-left:1px solid #e9e9e9;color:#9e9e9e;font-size:0.93em;margin-left:-1px}
.sod_list .li_prqty  .prqty_price{border-left:1px solid #d3d3d3;}
.sod_list .li_prqty  .prqty_sc{border-right:1px solid #d3d3d3;}
.sod_list .li_prqty .li_prqty_sp span{display:block;background:#f2f2f2;}
.sod_list .li_total {position:relative;border-top:1px solid #e9e9e9;margin:10px 10px 0;}
.sod_list .total_span {display:block;position:relative;padding:5px 0;text-align:right;color:#343434}
.sod_list .total_span span{position:absolute;top:5px;left:0}
.sod_list .total_span strong{font-size:1.2em}
#sit_opt_added {margin:0;padding:0;font-size:0.92em;color: #626262;border-bottom:0;background:#fff;list-style:none;}
#sit_opt_added li {;border-bottom:1px solid #e9e9e9;margin-bottom:5px;padding:10px 0;line-height:15px;padding-right:110px;position:relative;}
#sit_opt_added li:after {display:block;visibility:hidden;clear:both;content:""}
#sit_opt_added li div {height:25px;margin:5px 0 0;text-align:right;position:absolute;top:0;right:0;width:110px;float:right}
#sit_opt_added .btn_frmline {background:url(../img/add.png) no-repeat -73px  50% ;position:absolute;top:0;right:0 ;text-indent:-999px;width:25px;height:25px;padding:0;overflow:hidden}
#sit_opt_added li div .sit_qty_plus{overflow:hidden;position:absolute;top:0;left:57px;background:url(../img/add.png) no-repeat -35px 50%;text-indent:-999px;border:0;width:25px;height:25px;overflow:hidden}
#sit_opt_added li div .sit_qty_minus{overflow:hidden;position:absolute;top:0;left:0;background:url(../img/add.png) no-repeat 8px  50% ;text-indent:-999px;border:0;width:25px;height:25px;overflow:hidden}
#sit_opt_added li div .sit_opt_del{background:url(../img/add.png) no-repeat -73px  50% ;position:absolute;top:0;right:0 ;text-indent:-999px;width:25px;height:25px;padding:0;overflow:hidden}
#sit_opt_added li div .frm_input{width:32px;border:1px solid #ccc;height:25px;padding:0 !important;line-height:25px;text-align:center;background:#fff;position:absolute;top:0;left:24px;}
#sit_tot_price {margin:15px 0;font-size:1.3em;font-weight:bold;text-align:right;position:relative}
#sit_tot_price span{position:absolute;top:0;left:0px;font-size:11px;color:#666}
select.it_option,select.it_supply { width: 100%;padding: 5px;border: 0;width:100%:height: 28px;-webkit-appearance: none;border:1px solid #aaa;background: url(../mobile/shop/img/select.gif) no-repeat  right #fff;}

/*수량*/
#sit_opt_added li .sit_opt_qty{position:absolute;top:0;right:0;width:81px;float:right;text-align:center !important;}
#sit_opt_added li .sit_opt_qty .frm_input{width:32px;border:1px solid #ddd;height:23px;padding:0 !important;line-height:25px;text-align:center;background:#fff;}
#sit_opt_added li .sit_opt_qty .sit_qty_plus{position:absolute;top:0;right:0;background:url(../img/add.png) no-repeat -35px 50%;text-indent:-999px;border:0;width:25px;height:25px;overflow:hidden}
#sit_opt_added li .sit_opt_qty .sit_qty_minus{position:absolute;top:0;left:0;background:url(../img/add.png) no-repeat  8px 50% ;text-indent:-999px;border:0;width:25px;height:25px;overflow:hidden}

/* 장바구니 */
#sod_bsk {text-align:left;padding:10px 20px}

#sod_bsk_list {position:relative}
#sod_bsk_list #mod_option_frm {z-index:40;position:absolute;;left:0;width:100%;max-width:500px}
#sod_bsk_list #mod_option_frm form{border:1px solid #000;background:#fff;padding:20px;max-height:500px;overflow-y:scroll}
html.no-overflowscrolling #mod_option_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_bsk_list #mod_option_frm .sit_ov_tbl{background:#ededed;margin-top:5px}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th,#sod_bsk_list #mod_option_frm .sit_ov_tbl td{border:none;padding-left:5px;font-weight:normal;text-align:left}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th{width:90px}
#sod_bsk_list #mod_option_frm#sit_tot_price{font-size:1.2em}
#sod_bsk_list #mod_option_frm #sit_tot_price span{left:0;}
#sod_bsk_list #mod_option_frm .btn_confirm{overflow:hidden;text-align:right;}
#sod_bsk_list #mod_option_frm .btn_submit{width:100px;;background:#333;padding:8px 0;font-weight:bold}
#sod_bsk_list #mod_option_frm .btn_cancel{width:100px;background:#fff;border:1px solid #ccc;color:#555;font-weight:bold}

#sod_bsk_tot {margin:0 0 8px;;border:1px solid #e9e9e9;background:#f2f2f2}
#sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk_tot dt, #sod_bsk_tot dd {float:left;padding:10px 0;border-bottom:1px solid #e9e9e9}
#sod_bsk_tot dt {padding-left:2%;width:50%;font-weight:bold}
#sod_bsk_tot dd {margin:0;padding-right:2%;width:50%;text-align:right}
.sod_bsk_cnt {background:#ae1548;color:#fff}
.sod_bsk_point {border-bottom:0 !important}

#sod_bsk_act {margin:0 0 20px;padding-top:40px;text-align:center;position:relative;}
#sod_bsk_act:after {display:block;visibility:hidden;clear:both;content:""}
#sod_bsk_act a.btn01 {width:49%;border:1px solid #555;background:none;color:#111;height:42px;line-height:42px;padding:0;font-weight:bold;max-width:200px;}
#sod_bsk_act .btn_submit{width:49%;;background:#333;color:#fff;font-weight:bold;height:42px;font-weight:bold;transition: all 0.3s ease;;max-width:200px}
#sod_bsk_act .btn_submit:hover{background:#ae1548}
#sod_bsk_act  div{position:absolute;top:0;right:0;}
#sod_bsk_act  div .btn01 {background:#fff;color:#999;padding:5px;font-size:0.93em}

#sod_list .td_numbig{text-align:right}
#sod_list .sod_img{width:70px}
#sod_list .cp_btn{line-height:24px;height:24px;font-size:0.92em}
#sod_list .cp_cancel {line-height:24px;height:24px;font-size:0.92em;background:#aaa;margin-top:2px}

/* 위시리스트 */
#sod_ws {text-align:left;padding:10px 20px;}
#sod_ws li{position:relative;padding:10px 0 10px 90px;min-height:70px;border:1px solid #e9e9e9;margin-bottom:5px;height:50px}
#sod_ws .wish_img {position:absolute;top:10px;left:30px}
#sod_ws .info_link {display:block;padding:5px 0;font-size:1.2em;font-weight:bold}
#sod_ws .info_date {position:absolute;bottom:10px;right:10px;color:#737373;font-size:0.92em;}
#sod_ws .wish_chk{position:absolute;top:10px;left:10px;color:#737373}
#sod_ws .sold_out{position:absolute;top:20px;left:80px;display:inline-block;width:100px;color:#ff3e5e}
#sod_ws .wish_del a{position:absolute;top:10px;right:10px;text-indent:-999px;overflow:hidden;width:25px;height:25px;background:url(../mobile/shop/img/del_btn.gif) no-repeat top right;}
#sod_ws_act {text-align:center;margin:10px 0}
#sod_ws_act:after {display:block;visibility:hidden;clear:both;content:""} 
#sod_ws_act button{width:49%;max-width:200px;height: 40px; line-height: 40px;padding:0;}
#sod_ws_act .btn01{background: #fff;  color: #777;border:1px solid #ddd;font-weight:bold;}
#sod_ws_act .btn02{background: #333;  color: #fff;font-weight:bold;}

/* 쿠폰 */
#scp_list .win_desc{padding:10px;padding-top:0}
#scp_list ul {margin:0;padding:0;list-style:none}
#scp_list li {position:relative;border:1px solid #e9e9e9;margin-bottom:5px;border-radius:8px}
#scp_list .li_title {display:block;padding:8px 10px;font-size:1.2em;font-weight:bold;background:#f2f2f2}
#scp_list .li_pd {margin:0 0 5px;zoom:1}
#scp_list .li_pd:after {display:block;visibility:hidden;clear:both;content:""}
#scp_list .pd_price {padding:10px;display:inline-block}
#scp_list .pd_date {float:right;padding:10px;color:#a4a4a4}
#scp_list .li_target {padding:0 10px 10px;color:#ae1548;display:inline-block}

/* 주문서 작성 */
#sod_frm {;text-align:left;}
#sod_frm section{margin-bottom:30px}
#sod_frm p#sod_frm_pt_alert {margin:20px 0;text-align:center }
#sod_bsk_list #mod_option_frm .sit_ov_tbl{background:#ededed;margin-top:5px}
 #mod_option_frm  #sit_opt_added{border-top:1px solid #d9d9d9}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th,#sod_bsk_list #mod_option_frm .sit_ov_tbl td{border:none;padding-left:5px;font-weight:normal}
#sod_bsk_list #mod_option_frm .sit_ov_tbl th{width:90px}
html.no-overflowscrolling #cp_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */
#sod_frm_deli {position:relative;line-height:2em}
#sod_frm_deli #order_address {display:block;;width:100px;background:#333;color:#fff;text-align:center}
#sod_frm_orderer {margin:30px 0 30px}
#sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0}
#sod_frm h2{margin-bottom:10px}


#sod_frm .odf_tbl table{width:100%;margin:0;padding:0;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-collapse:collapse;border-top:2px solid #444}
#sod_frm .odf_tbl table tbody td,#sod_frm .odf_tbl table tbody th{;border-bottom:1px solid #e9e9e9;;padding:5px 10px ;text-align:left;line-height:26px;position:relative;}
#sod_frm .odf_tbl table th{width:100px;color:#343434;font-weight:normal;letter-spacing:-0.1em}
#sod_frm .odf_tbl table .frm_address{margin-top:5px}
#sod_frm .odf_tbl button.btn_frmline{font-size:0.92em;padding:0 8px;height:26px;line-height:26px}
#sod_frm .odf_tbl textarea{width:99%;border:1px solid #e4eaec;}
#sod_frm_same {margin:0 0 10px}
#sod_frm_pay {position:relative}
#sod_frm_pay .tbl_head01 caption {font-size:0;line-height:0;overflow:hidden}
#sod_frm_pay .tbl_head01 th {width:auto !important;font-weight:bold;text-align:center !important}
#sod_frm_pay .tbl_head01 td {border-top:1px solid #e9e9e9 !important;border-bottom:1px solid #e9e9e9 !important;line-height:1.5em !important;word-break:break-all !important}

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}
#sod_frm_paysel {margin:10px 0 ;padding:10px;background:#f2f2f2;border:1px solid #e0e0e0}
#sod_frm_paysel ul {margin:0;padding:0;}
#sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""}
#sod_frm_paysel li {float:left;padding:5px 2%;width:46%;height:21px}
#sod_frm_paysel .KPAY{background:url('../../../img/kpay_logo.png') no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
#sod_frm_paysel .PAYNOW{background:url('../../../img/paynow_logo.png') no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
#sod_frm_paysel .PAYCO{background:url('../../../img/payco_logo.png') no-repeat 1px ;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;}
.kakaopay_icon{background:url('../../../img/kakao.png') no-repeat ;height:21px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px}


#sod_frm_paysel #settle_bank {padding:10px;background:#fff;line-height:2em;border:1px solid #dbdbdb;margin-top:10px}
#od_temp_point{background:#fff;}
#sod_frm_paysel #settle_bank select{margin-bottom:10px}
#sod_frm_paysel #settle_bank label {display:inline-block;margin:0 10px 0 0;font-weight:bold}
#sod_frm_paysel #settle_bank .frm_input {background:#fff;text-align:center}
#sod_frm_escrow {margin:30px 0 0}

#od_addr1, #od_addr2, #od_addr3, #od_email, #od_b_addr1, #od_b_addr2, #od_b_addr3 {width:100%}
#sod_frm #od_memo {height:70px}
#sod_frm_pt {margin:10px 0 5px}
#sod_frm_pt_alert, #sod_frm_pt_info {margin:0 0 10px}
#sod_frm #show_progress {text-align:center}
#sod_frm #show_progress span {display:block;margin:5px 0 0}
#sod_frm #cp_frm,#od_coupon_frm,#sc_coupon_frm{z-index:10000;position:absolute;right:0;width:100%;max-width:500px;border:1px solid #444;background:#fff;}
#od_coupon_frm,#sc_coupon_frm{top:33px;left:10px;width:95%}
#sod_frm .odf_tbl button.sc_cp_apply,#sod_frm .odf_tbl button.od_cp_apply{font-size:1em}
#sod_frm #cp_frm .tbl_head02,#od_coupon_frm .tbl_head02,#sc_coupon_frm .tbl_head02{padding:20px;margin:0;}
#sod_frm #cp_frm .tbl_head02 caption,#od_coupon_frm .tbl_head02 caption,#sc_coupon_frm .tbl_head02 caption{color:#333;width:100%;;padding:0 0 ;height:30px;line-height:28px;}
#sod_frm #cp_frm .tbl_head02 table,#od_coupon_frm .tbl_head02 table,#sc_coupon_frm .tbl_head02 table{margin-top:0px;border:1px solid #d3d3d3;}
#sod_frm #cp_frm .tbl_head02 th,#od_coupon_frm .tbl_head02 thead th,#sc_coupon_frm .tbl_head02 thead th{border-bottom:1px solid #e5e5e5;background:#ededed;text-align:center !important;padding:5px 0;line-height:1.5em !important;border-left:0;border-right:0}
#sod_frm #cp_frm .tbl_head02 th+th+th, #od_coupon_frm .tbl_head02 th+th+th,#sc_coupon_frm .tbl_head02  th+th+th{width:60px}
#sod_frm #cp_frm .tbl_head02 td,#od_coupon_frm .tbl_head02 td,#sc_coupon_frm .tbl_head02 td{border:none;line-height:1.5em !important}
#od_coupon_frm .tbl_head02 td.td_numbig,#od_coupon_frm .tbl_head02 td.td_mngsmall,#sc_coupon_frm .tbl_head02 td.td_mngsmall{text-align:center}
#sod_frm #cp_frm .tbl_head02 td .btn_frmline,#od_coupon_frm .tbl_head02 td,#sc_coupon_frm .tbl_head02 td {font-size:0.92em}
#sod_frm #cp_frm .tbl_head02 td.td_numbig,#od_coupon_frmtd .tbl_head02 .td_numbig,#sc_coupon_frm .tbl_head02 td.td_numbig{width:90px;text-align:center}
#sod_frm #cp_frm .btn_confirm .btn_submit,#od_coupon_frm .btn_confirm .btn_submit,#sc_coupon_frm .btn_confirm .btn_submit{background: url(../img/add.png) no-repeat -73px 50%;
position: absolute;top: 0;right: 0;text-indent: -999px;width: 25px;height: 25px;padding: 0;overflow: hidden;}
#sod_frm #display_pay_button .btn_submit{width: 49%;background: #333;color: #fff;font-weight: bold;height: 42px;font-weight: bold;transition: all 0.3s ease;max-width:200px}
#sod_frm #display_pay_button .btn_submit:hover{background:#ae1548}
#sod_frm #display_pay_button  .btn_cancel/* ,#display_pay_button  .btn01*/{width:49%;border:1px solid #333;background:none;color:#555;height:42px;line-height:42px;padding:0;font-weight:bold;background:#fff;color:#111;;max-width:200px}



/* 배송지 목록 */
#sod_addr {}
#sod_addr ul {margin:0;padding:0;list-style:none}
#sod_addr li {position:relative;padding:5px 0 5px 20px;min-height:35px;border-bottom:1px solid #e9e9e9}
#sod_addr .addr_chk {position:absolute;top:9px;left:0}
#sod_addr .addr_default {position:absolute;top:9px;right:0}
#sod_addr .addr_addr {margin:10px 0 5px}
#sod_addr .addr_name {float:left;margin:0 0 10px}
#sod_addr .addr_tel {float:right;margin:0 0 10px}
#sod_addr .addr_btn {clear:both;text-align:right}
#sod_addr .addr_btn:after {display:block;visibility:hidden;clear:both;content:""}
#sod_addr #btn_sel {width:25%;border:0;line-height:2.5em;background:#626870;color:#fff}
#sod_addr #btn_del {display:inline-block;width:15%;line-height:2.5em;background:#f2f5f9;color:#ff3061;text-align:center}

/* 주문내역 */
#sod_v {text-align:left;padding:20px}
#sod_v .td_stat {width:100px}
#sod_v_info {margin:0 0 10px}

/* 주문상세내역 */
#sod_fin {text-align:left;padding:20px}
#sod_fin .sod_list .li_name_od a{display: block;  padding: 10px; }
#sod_fin .sod_list .li_opt{padding:10px;padding-bottom:0;border-top:1px solid #e9e9e9}
#sod_fin .sod_list .li_opt:first-child{border:none}
#sod_fin  .sod_list .total_img{top:10px;left:0}
#sod_fin  .sod_list .total_span{padding:10px;display:block}
#sod_fin  .sod_list .total_span span{top:10px}
#sod_fin  .sod_list .li_prqty .li_prqty_sp{width:25%;}
#sod_fin  .sod_list .li_prqty .prqty_stat{  border-right: 1px solid #d3d3d3;}
#sod_fin section{margin-bottom:20px}
#sod_fin_no {margin:0 0 20px;padding:10px; background:#eaf7f5}
#sod_fin_list h2 {margin:0 0 10px}
#sod_sts_wrap {margin:0 0 10px;text-align:right}
#sod_sts_explan {display:none}
#sod_fin_legend {margin:10px 0;padding:10px 10px ;text-align:left;background:#f6f6f6}
#sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''}
#sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold}
#sod_fin_legend dd {float:left;margin:0}

#request_form {position:relative}
#request_form div {display:none;z-index:10000;position:absolute;top:31px;left:0;padding:10px 0;width:290px;border:1px solid #000;background:#f2f5f9;text-align:center}
#request_form label {letter-spacing:-0.1em}
#request_form .frm_input {width:170px;background:#fff !important}
#request_form .btn_frmline, #request_form .btn_cancel {margin:5px 0 0;padding:0 5px;height:1.9em;vertical-align:middle !important;line-height:1.9em}

#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 button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle}

#sod_fin_view h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sod_fin_view h3 {margin:0 0 10px}
#sod_fin_view .tbl_head01 th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left}
#sod_fin_dvr .dvr_link {color:#ff3061;text-decoration:underline}

#sod_fin_tot {margin:0 0 30px;;border:1px solid #e9e9e9;border-top:0;background:#373737;color:#fff}
#sod_fin_tot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sod_fin_tot ul {margin:0;padding:0;list-style:none}
#sod_fin_tot li {padding:10px;border-bottom:1px solid #5d5d5d;padding:10px}
#sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""}
#sod_fin_tot #alrdy {border-bottom:0 !important}
#sod_fin_tot strong {float:right}

#sod_fin_cancel {text-align:center}
#sod_fin_cancel h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
#sod_fin_cancel button {padding:8px;border:0;border:1px solid #029d9f;color:#029d9f;background:#fff;}
#sod_fin_cancelfrm {display:none;margin:10px 0 0;padding:20px 0;background:#f6f6f6}
#sod_fin_cancelfrm  label{color:#888}
#sod_fin_cancelfrm .frm_input {background:#fff !important;  height: 24px;  line-height: 24px;  text-indent: 5px;width:190px}
#sod_fin_cancelfrm .btn_frmline{border:none;background:#3a3a3a;color:#fff;padding:4px}

#sod_fin_test {padding:10px}
#sod_fin h3,#kcp_acc_test table caption{  background: #f2f2f2;  border: 1px solid #e9e9e9;  padding: 10px;margin:10px 0 0;text-align:left}
#sod_fin .odf_tbl table{width:100%;margin:0;padding:0;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-collapse:collapse;}
#sod_fin .odf_tbl table tbody td,#sod_fin .odf_tbl table tbody th{;border-bottom:1px solid #e9e9e9;padding:6px 10px;text-align:left;line-height:20px}
#sod_fin .odf_tbl table th{width:80px;color:#343434;font-weight:normal}
#sod_fin .odf_tbl table tbody td.empty_table{text-align:center}
#sod_fin .odf_tbl textarea{width:99%;border:1px solid #e4eaec;}
#sod_fin .odf_tbl table input[type="text"]{background-color:#fff !important;height:24px;line-height:24px;text-indent:5px;border:1px solid #e4eaec}

/* 주문내역 include  */
#sod_inquiry li {border:1px solid #e9e9e9;margin-bottom:5px;position:relative;text-align:left}
#sod_inquiry li .inquiry_idtime{background:#f2f2f2;padding:10px;position:relative}
#sod_inquiry li .inquiry_idtime a{font-weight:bold}
#sod_inquiry li .inquiry_idtime .idtime_time{position:absolute;top:10px;right:10px}
#sod_inquiry li .inquiry_name{clear:both;padding:10px;color:#696969}
#sod_inquiry li .inquiry_price{padding:10px;font-size:1.167em;font-weight:bold;}
#sod_inquiry li .inquiry_inv{position:absolute;bottom:10px;right:10px;color:#ae1548;text-align:right}
#sod_inquiry li .inquiry_inv .inv_status{display:block;font-weight:bold}

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

/* 상품검색 */
#ssch{text-align:left;margin:10px 0px}
#ssch .sct_10{padding:0}
#ssch_frm {padding:20px;border:2px solid #000;background:#fff;}
#ssch_frm:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm div {margin:0 0 5px}
#ssch_frm strong, #ssch_frm .ssch_lbl {display:inline-block;width:80px;font-weight:normal;vertical-align:middle;}
#ssch_frm .frm_input {background:#fff}
#ssch_frm .btn_submit {padding:0 8px;height:30px;}
#ssch_frm p {padding:10px 0;border-top:1px solid #e9e9e9;line-height:1.5em}
#ssch_frm #ssch_qfrom {width:50px}
#ssch_frm #ssch_qto {width:50px}
#ssch_frm #ssch_q {width:40%}
#ssch_frm #ssch_sort {margin:0 0 10px;padding:1px 0 0 1px;list-style:none}
#ssch_frm #ssch_sort:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_frm #ssch_sort li {position:relative;float:left;margin:0 0 -1px -1px;width:33%}
#ssch_frm #ssch_sort li:nth-of-type(3n) {width:34%}
#ssch_frm #ssch_sort a {display:block;text-align:center}
#ssch_frm #ssch_ov {text-align:right;margin-bottom:0}

#ssch_cate {}
#ssch_cate ul {margin:10px 0;padding:10px 20px 20px;border-bottom:1px solid #e9e9e9;list-style:none}
#ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""}
#ssch_cate li {float:left;margin:0 10px 0 0;padding:0 10px 0 0;border-right:1px solid #e9e9e9}
#ssch_cate a span {font-weight:bold}

/* 화면낭독기 사용자용 */
#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;width:1px !important;height:1px !important;font-size:0;text-indent:-9999em;line-height:0;border:0 !important;overflow:hidden !important}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;font-size:0;line-height:0;overflow:hidden;left:0}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:1.5em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

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

/* 캡챠 자동등록(입력)방지 기본 */

#captcha {display:inline-block;position:relative}
#captcha audio {display:block;margin:0 0 5px;width:100%}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
@media (max-width:568px) {
    #captcha #captcha_img {width:60px !important;height:32px !important;}
    }
#captcha #captcha_img {width:90px;height:32px;border:1px solid #e9e9e9;border-radius:4px}
#captcha #captcha_mp3{border:none;padding:0 5px;width:31px;height:31px;background:url(../img/captcha.png) 0 0 no-repeat;cursor:pointer;text-indent:-9999px}
#captcha #captcha_reload {margin:0;padding:0 3px;width:31px;height:31px;border:0;background:url(../img/captcha.png) 0 -31px no-repeat;vertical-align:middle;overflow:hidden;cursor:pointer;text-indent:-9999px}
#captcha #captcha_key {margin:0 0 0 4px;padding:0 5px;height:30px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

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

/* 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%}

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

/* 버튼 */
a.btn01 {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;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:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;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 {padding:5px;border:0;background:#222;color:#fff;letter-spacing:-0.1em}
.btn_submit:hover{background:#187dd2;color:#fff;}
fieldset .btn_submit {padding:0 7px;height:30px;line-height:1em}
a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fff;color:#000;text-decoration:none;vertical-align:middle}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fff;color:#000;vertical-align:top;text-decoration:none}
a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:30px;border:0;background:#333;color:#fff;text-decoration:none;vertical-align:top;line-height:30px} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1em}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;margin:0 0 3px;padding:0 15px;height:40px;line-height:40px;;border:1px solid #d9ded9;background:#fff;font-weight:bold;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none;color:#187dd2}
a.btn_b02 {display:inline-block;margin:0 0 3px;padding:0 15px;height:40px;line-height:40px;background:#444;color:#fff;font-weight:bold;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {background:#187dd2;color:#fff;}
a.btn_admin {display:inline-block;margin:0 0 3px ;padding:0 15px;height:40px;line-height:40px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle;font-weight:bold;} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}
@media (max-width:640px) {
   a.btn_b01,a.btn_b02,a.btn_admin{height:30px;line-height:30px;padding:0 5px}
}
/* 기본테이블 */
.tbl_wrap {margin:0 0 10px}
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;color:#333;font-weight:bold;text-align:left}

.tbl_head01 {}
.tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head01 thead th {padding: 12px 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background: #fafafa;color: #383838;font-size: 0.95em;text-align: center;}
.tbl_head01 thead th a{color:#000}
.tbl_head01 thead a {color:#383838}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold}
.tbl_head01 tbody th {;padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 tbody td {padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all;text-align:left}


.tbl_head02 {}
.tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff}
.tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;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-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}

/* 폼 테이블 */
tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:120px;padding:10px;border:1px solid #c4c4c4;background:#ebebeb;color:#383838;text-align:left;font-size:1.083em;}
.tbl_frm01 td {padding:7px 10px;border:1px solid #dfdfdf;font-size:1.083em;color:#666}
.tbl_frm01 textarea,.tbl_frm01 .frm_input {border:1px solid #dcdcdc;margin:0 0 2px;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {border: 1px solid #dcdcdc;color: #000;vertical-align: middle;height:30px;line-height: 30px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px;padding-left:0}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

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

/* 필수입력 */
.required, textarea.required {/*background:url('../img/wrest.gif')top right no-repeat !important*/}

/* 테이블 그리드 padding 0 5px 고려한 넓이 */
.grid_1 {width:40px}
.grid_2 {width:90px}
.grid_3 {width:120px}
.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_chk {width:50px;text-align:center}
.td_group {width:100px;text-align:center}
.td_board {width:120px;text-align:center}
.td_statsmall {width:50px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_nick {width:100px;text-align:center}
.td_name {width:100px;text-align:left}
.td_namesmall {width:100px;text-align:left}
.td_date {width:50px;text-align:center}
.td_datetime {width:170px;text-align:center}
.td_mngsmall {width:70px;text-align:center !important}
.td_mng {width:80px;text-align:center}
.td_stat {text-align:center}
.td_dvr{width:80px;text-align:center !important}

/* 새창 기본 스타일 */
.new_win #win_title{padding:15px 20px;border-bottom:1px solid #e9e9e9;font-size:1.12em;margin-bottom:10px;background:#f3f3f3;margin-bottom:20px}
.new_win .tbl_wrap {margin:0 20px}
.new_win .win_btn {clear:both;margin:20px;text-align:center}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em}
.new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em}
.new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em}
.new_win .win_desc{padding:0 20px;}
/* 자바스크립트 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:5px !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 {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current, .qa_page {display:inline-block;padding:0 8px;height:25px;color:#888 !important;letter-spacing:0;line-height:25px;vertical-align:middle;font-size:1em}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page, .qa_page {text-decoration:none}
.pg_start, .pg_prev {background:url(../mobile/shop/img/paging.gif) no-repeat 0 0 ;text-indent:-999px;overflow:hidden;width:25px;height:25px;padding:0;}
.pg_prev{background-position:-28px 0}
.pg_end, .pg_next {background:url(../mobile/shop/img/paging.gif) no-repeat -55px 0;width:25px;height:25px;;width:25px;height:25px;padding:0;text-indent:-999px;overflow:hidden}
.pg_end{background-position:-83px 0}
.pg_current {display:inline-block;margin:0 4px 0 0;;color:#ae1548 !important;font-weight:bold;}

/* 상품상세 메뉴 floating */
#info_top_layer {display:none;position:absolute; top:0; left:0; width:100%; background-color: #eee;}
#form_btn_layer { display:none;position:absolute; top:0; left: 0; width: 100%; height: 60px; background-color: #eee;}

/*현금영수증*/
#kcp_req_rx .tbl_head01 tbody th {text-align:left;}

/*배송지목록*/
#sod_addr .win_desc{padding:10px 20px}

/*쇼핑몰레이아웃*/
#fregisterform{/*margin:10px 20px*/}
#bo_w .btn_submit{padding:8px 7px}
#sit_sms_new #sms_agree{padding:10px 20px !important}

/*이벤트*/
#sev_hhtml,#sev_thtml{padding:10px 0}
#sev_hhtml img,#sev_thtml img{width:100%}

/*피시일때 모바일버전 주문폼*/
#sod_frm {position:relative}
#sod_frm p{margin-bottom:10px}
#sod_frm .tbl_frm01 td label{display:inline-block;margin:2px 0;font-size:0.92em;color:#777}
#sod_frm .tbl_frm01 td .btn_frmline{height:30px;line-height:30px;vertical-align:middle}
#sod_list .sod_opt{min-width:70px;font-size:0.92em;color:#666}

/*피시일때 모바일버전 개인결제폼*/
#sod_frm_pay{padding:10px 0}
#sod_frm_pay h2{padding-bottom:10px;}
#display_pay_button .btn_submit{padding:8px 5px}

/*네이버페이*/
.naverpay-item{padding-top:15px;clear:both;text-align:right}
#sod_bsk_act .naverpay-cart{margin-top:15px;clear:both;position:static}




/*디자인가이드 팝업*/
.popup_area{padding:50px 20px;max-width:750px;background-color:#fff;}
.popup_area p{font-size:14px;line-height:24px;color:#808080;letter-spacing:-0.3px;}
.popup_area p.size02{font-size:13px;line-height:23px;}
.popup_area p.pdf_p{color:#215eaa;font-weight:600;padding-top:40px;}
.popup_area p span.size03{font-size:10px;width:auto !important;display:inline-block !important;color:#808080 !important;}

p.txt_margin{margin-left:10px;}

.popup_area .popup_title{padding-bottom:20px;}
.popup_area .popup_title h2{font-size:28px;color:#f78f50;font-weight:500;}
.popup_area .popup_title h2 span{font-size:22px;}
.popup_area .popup_title h2 br{display:none;}

.popup_area .popup_desc{padding-bottom:35px;}
.popup_area .popup_desc p{}
.popup_area .popup_desc p span{display:inline-block;width:18px;}
.popup_area .popup_desc p span.space02{width:12px;}

.popup_area .tip_txt{padding-bottom:40px;}
.popup_area .tip_txt > span{vertical-align:top;display:inline-block;width:46px;height:36px;line-height:36px;color:#fff;text-align:center;font-weight:600;margin-right:5px;}
.popup_area .tip_txt > span.tip_icon{/*background:url('/img/tip_icon.png') no-repeat;font-size:20px;*/}
.popup_area .tip_txt > span.ex_icon{background:url('/img/ex_icon.png') no-repeat;font-size:17px;line-height:34px;}
.popup_area .tip_txt > span.ex_icon2{font-size:14px;}
.popup_area .tip_txt > span.ex_icon3{background:url('/img/ex_icon2.png') no-repeat;}
.popup_area .tip_txt .txt_wrap{display:inline-block;padding-top:10px;}

.popup_area .tip_txt h2{line-height:26px;font-size:20px;color:#666;border-left:3px solid #ccc;display:block; margin:10px 0 ; padding-left:10px;position:relative;margin-right:10px;}
.popup_area .tip_txt h2 img{margin-left:10px; margin-top:-3px;}
.popup_area .tip_txt h2 span{font-size:12px;}
.popup_area .tip_txt h2 span.ex{font-size:26px !important; color:#3175e5; padding-right:10px;}
.popup_area .tip_txt h3{font-size:24px;color:#666;}
.popup_area .tip_txt p{}

.popup_area .tip_txt span.black_color{color:#666 !important;}
.popup_area .tip_txt span.green_color{color:#6b8848 !important;}
.popup_area .tip_txt span.red_color{color:#f22f4b !important;}
.popup_area .tip_txt span.blue_color{color:#2f82f2 !important;}

.popup_area .tip_txt p span{font-weight:600;color:#3175e5;}
.popup_area .tip_txt p span.space{display:inline-block;width:8px;}
.popup_area .tip_txt p b{color:#666;}
.popup_area .tip_txt02 p{/*padding-left:12px;*/}
.popup_area .txt_box{/*background-color:#eaeaea;*/border:2px solid #ccc; padding:20px 15px;margin:15px 0;}
.popup_area .txt_box h2{font-size:15px;line-height:24px;color:#545454;}


.ad_img{/*text-align:center;*/}
.booksize_img{padding-top:10px;/*margin-left:50px;*/}
.booksize_img img{padding:10px 0;}
.booksize_img p span{display:inline-block;/*width:70px;*/}
.booksize_img02 img{width:620px;}

.booksize_tb_wrap{width:575px;/*margin-left:50px;*/}
.booksize_tb_wrap p.mm{text-align:right;}
.booksize_tb_wrap p.tb_b{font-size:12.5px;}
table.booksize_tb{font-size:14px;color:#5d5d5d;letter-spacing:-0.4px;width:100%;border-collapse:collapse;text-align:center;font-weight:600;margin-bottom:10px;}
table.booksize_tb th{border:1px solid #ccc;color:#fff;padding:10px 0;width:55px;background-color:#65b6fb;}
table.booksize_tb th:nth-child(1){width:170px;}
table.booksize_tb th:nth-child(2){width:65px;}
table.booksize_tb td{border:1px solid #cccccc;padding:10px 0;}
table.booksize_tb td.tb_left{text-align:left;padding-left:10px;}
table.booksize_tb td.color{color:#3175e5;}
table.booksize_tb p{text-align:right;}


.print_tb{}
.print_tb ul{overflow:hidden;}
.print_tb ul li{float:left;width:47.5%;margin:0 5% 0 0;}
.print_tb ul li:last-child{margin:0;}
.print_tb ul li h2{font-size:16px;color:#3175e5;font-weight:600;padding-bottom:10px;}
.print_tb table{border-collapse:collapse;font-size:14px;text-align:center;width:100%;}
.print_tb table th{border:1px solid #cccccc;background-color:#65b6fb;color:#fff;padding:10px 0;}
.print_tb table td{border:1px solid #cccccc;color:#545454;padding:10px 0;}

.print_img{padding:50px 10px 0;text-align:center;}
.print_img img{margin:0 30px;}

.leaflet_img{}
.leaflet_img h2{font-size:14px;color:#333333;padding-bottom:25px;}
.leaflet_img ul{}
.leaflet_img ul li{display:inline-block;}
.leaflet_img ul li:nth-child(1){margin-right:80px;}
.leaflet_top{padding-top:80px;}


.transparency_img{}
.transparency_img h2{font-size:15px;color:#545454;letter-spacing:-0.5px;padding-bottom:20px;}
.transparency_img h2 span{color:#3175e5;}
.transparency_img img.img01{padding-bottom:60px;}
.transparency_img p{font-size:15px; color:#3175e5; font-weight:600; padding:20px 0;}
.transparency_img p.last{font-size:15px; color:#3175e5; font-weight:600; padding:0px !important;}

.transparency_img p span{font-size:14px; color:#666;}

.special_img{padding-top:55px;}
.special_img h2{font-size:20px;color:#666;border-left:3px solid #ccc;display:block; width:210px; margin:10px 0 ; padding-left:20px;position:relative;margin-right:10px;}
.special_img h2 img{position:absolute;right:-30px;top:0;}
.special_img h2 img.img_margin{right:-40px;}
.special_img p{display:inline-block;vertical-align:bottom;}
.special_img p span{color:#3175e5;}

.special_img figure{padding-top:20px;}
.special_img img.img_padding{margin-bottom:20px;}

.special_img .img_wrap{display:inline-block;vertical-align:top;}
.special_img .img_wrap p{display:block;line-height:22px;}
.special_img .img_wrap p b{color:#3d3d3d;}
.special_img .img_wrap img{vertical-align:top;padding:8px 0 0 10px;}

.special_box{border:1px solid #ccc; padding:15px;margin-top:55px;}
.special_box h2{font-size:20px;color:#215eaa;}
.special_box h2 span{display:block;font-size:13px;line-height:20px;}
.special_box h2 b{font-size:12px;}
.special_box p{font-size:13px;line-height:20px;color:#4c4c4c;padding-top:10px;}
.special_box p span{color:#215eaa;font-weight:600;}
.special_box p span.size01{font-size:10px;}
.special_box p span.color01{margin-left:12px;}
.special_box .txt_wrap{display:inline-block;vertical-align:bottom;padding-left:25px;}
.special_box02 h3{font-family: 'Nanum Pen Script';font-size:34px;color:#215eaa;font-weight:500;}
.special_box02 .txt_wrap{padding-left:0;vertical-align:middle;}
.special_box02 p{padding-left:35px;}
.special_box02 p span{font-weight:600;color:#215eaa; border-bottom:1px solid #323232;/*display:inline-block;border:1px solid #323232;*/ /*margin:1px 0;padding:0 3px;*/}



.illust_area{}
.illust_area h2{font-size:15px;color:#3175e5;}
.illust_area h3{font-size:15px;color:#545454;letter-spacing:-0.5px;padding-bottom:20px;}
.illust_area h3 span{color:#3175e5;}
.illust_area p{font-size:13px;line-height:22px;padding-top:25px;}
.illust_area p span{color:#3175e5;font-weight:600;}
.illust_area .size01{font-size:10px;}
.illust_area .txt_wrap{display:inline-block;vertical-align:middle;}
.illust_area .txt_margin{margin-left:20px;}

.illust_area .txt-margin{margin-left:20px;}
.illust_area .txt_wrap h2{border-bottom:0;}
.pdf_area{padding-top:40px;}
.pdf_area .txt_wrap{vertical-align:top;}

.pdf_area .txt_margin{margin-left:20px;}


.pdf_area .txt_wrap02{padding-top:20px;}
.pdf_area .txt_wrap02 p{padding-top:3px;}
.pdf_area .txt_wrap02 p span.color04{font-size:10px;color:#3175e5;}
.pdf_area .txt_wrap02 p span.size01{display:inline-block;width:13px;}
.pdf_area .txt_wrap02 p span{color:#3175e5;font-weight:600;}
.pdf_area .txt_wrap02 h2 span.color03{color:#5e5e5e;}
.pdf_area .txt_wrap02 div{font-size:11px;line-height:19px;color:#686868;letter-spacing:-0.5px;padding-top:5px;}
.pdf_area .txt_wrap02 div b{color:#3175e5;}
.pdf_area h2 span{font-size:14px;line-height:20px;}



.illust_area02{padding:40px 0;border-bottom:2px dashed #707070;}
.illust_area02 ul{overflow:hidden;}
.illust_area02 ul li{float:left;}
.illust_area02 ul li div{font-size:11px;color:#484848;/*padding:10px 0;*/letter-spacing:-0.6px;}
.illust_area02 ul li h2{background:url(/img/special_txt.png)left no-repeat; padding-left:15px;/*display:inline-block;*/}
.illust_area02 ul li p{padding-top:0;padding-bottom:25px;}
.illust_area02 ul li.second{margin-left:20px;}
.illust_area02 ul li:nth-child(3){/*margin-top:20px;*/ margin-left:20px;}
.illust_area02 ul li:nth-child(4){margin-top:20px;}

.indesign_area{padding-top:30px;}
.indesign_area .txt_wrap{padding-top:10px;}
.indesign_area h4{font-size:18px;color:#1d1d1d;letter-spacing:-0.7px;padding-bottom:20px;}
.indesign_area h2{line-height:22px;}
.indesign_area p span.space{display:inline-block;width:14px;}
.indesign_area p span.space02{display:inline-block;width:48px;}
.indesign_area02 h3{padding-bottom:0;padding-top:20px;}
.indesign_area02 p{padding-top:15px;}
.indesign_area02 .indesign_box{/*background-color:#e6e6e6;*/ margin-top:20px;border:2px solid #ccc; padding:10px;}
.indesign_area02 .indesign_box p{padding-top:0;}
.indesign_area03 .txt_wrap{padding-left:10px;vertical-align:top;}


.photoshop_area{/*padding-bottom:25px;*/border-bottom:0;}
.photoshop_area .txt_wrap{padding-top:20px;}
.photoshop_area figure{position:relative;}
.photoshop_area .photoshop_txt{position:absolute;left:260px;top:5px;}
.photoshop_area .photoshop_txt p span{color:#3175e5;}

.photoshop_area ul li h2{border-bottom:0;}
.photoshop_area ul li:nth-child(1){margin-right:20px;}

.photoshop_area .txt_wrap p{padding-top:3px;padding-bottom:20px;}

.link_area > p{letter-spacing:-0.8px;}
.link_area p span{font-weight:600;color:#3175e5;}
.link_area p .size{font-size:10px;}

.link_area ul li{display:inline-block;}
.link_area ul li p{}

.link_area ul.link_ul1 li p{text-align:center;padding:10px 0;}

.link_area ul.link_ul2{padding-top:45px;padding-bottom:40px;}
.link_area ul.link_ul2 li{margin-right:10px;}
.link_area ul.link_ul2 li p{display:inline-block;vertical-align:top;line-height:21px;padding-top:25px;}
.link_area ul.link_ul2 li p span{padding-top:10px;display:inline-block;}

.link_area ul.link_ul3{margin-top:30px;}
.link_area ul.link_ul3 li{vertical-align:top;}
.link_area ul.link_ul3 li:nth-child(1){margin-right:10px;}

.resterize_area{padding-top:20px;padding-bottom:10px;}
.resterize_area h2{font-size:16px;color:#3175e5;padding-bottom:20px;}
.resterize_area h2 b{color:#3175e5;}
.resterize_area p{letter-spacing:-0.6px;}
.resterize_area p span{color:#3175e5;font-weight:600;}
.resterize_area .txt_wrap{display:inline-block;/*padding-left:20px;*/padding-top:10px;vertical-align:middle;}
.resterize_area .txt_wrap02{/*padding-left:10px;*/vertical-align:bottom;}
.resterize_area .txt_wrap02 p{letter-spacing:-1px;}
.resterize_area .txt_wrap02 img{padding-top:10px;}


.dpi_area{padding-top:50px;}
.dpi_area .txt_wrap{display:inline-block;vertical-align:top;padding-right:10px;}
.dpi_area h2{font-size:19px;color:#323232;}
.dpi_area h2 span{font-size:35px;color:#509ff7;}
.dpi_area p{padding-left:65px;}
.dpi_area p span{color:#509ff7;font-weight:600;}

.wire_area h2.tip_area{font-size:20px;color:#666;border-left:3px solid #ccc;display:block; width:320px; margin:10px 0 ; padding-left:20px;position:relative;margin-right:10px;}
.wire_area h2.tip_area img{padding-left:10px;}
.space{width:10px !important;}



@media(max-width:752px){
	.illust_area .txt_wrap{display:block;padding-left:0;padding-top:20px;}
	.illust_area p{padding-top:15px;}

	.indesign_area img{width:420px;}
	.link_area img{width:auto;}

	.photoshop_area .photoshop_txt{position:static;padding-top:15px;}	

	.link_area > p br{display:none;}
	.link_area h4{text-align:left;}
	.link_area{text-align:center;}
	.link_area ul{display:inline-block;}
	.link_area p{text-align:left;}

	.resterize_area .txt_wrap{padding-left:0;padding-top:15px;}
	.resterize_area p{display:block;}
	.resterize_area p br{display:none;}
	.illust_area02 ul li.second{margin-left:0px !important;}
	.illust_area .txt-margin{margin-left:0px !important;}
	.illust_area02 ul li:nth-child(3){margin-left:0px !important;}
}


@media(max-width:730px){
	.popup_area .popup_desc p span{display:none;}
	.popup_area .popup_desc p br{display:none;}

	.booksize_tb_wrap{width:auto;margin-left:0;}
	.booksize_img{margin-left:0;}
	.booksize_img p br{display:none;}
	.booksize_img p span{display:none;}
	.booksize_img p span.black_color{display:inline-block !important;}
	.booksize_img p span.red_color{display:inline-block !important;}
	.booksize_img p span.blue_color{display:inline-block !important;}
	.booksize_img p span.green_color{display:inline-block !important;}

	.print_img{padding:50px 5px 0;}
	.print_img img{margin:0 10px 20px;width:210px;}

	.popup_area .tip_txt p span.space{display:none;}
	.popup_area .tip_txt p br{display:none;}

	.leaflet_img ul{text-align:center;}
	.leaflet_img ul li{display:block;}
	.leaflet_img ul li:nth-child(1) {margin-right:0;margin-bottom:20px;}
	.leaflet_img ul li:nth-child(2) img{width:165px;}
	
	.illust_area02 ul li.second{margin-left:0px !important;}

	.transparency_img img{width:100%;}

	.special_img .img_wrap{display:block;padding-left:0;padding-top:15px;}
	.special_img .img_wrap p{}
	.special_img .img_wrap img{padding-left:0;}

	.special_box p span.color01{margin-left:0;}

	br.popup_br{display:none;}

}	

@media(max-width:660px){
	.ad_img img{width:100%;}
	.booksize_img img{width:390px;}

	.print_tb ul li{width:100%;margin:0 0 15px 0;}

	.special_img{padding-top:30px;}
	.special_img figure{padding-top:10px;}
	.special_img figure img{width:100%;}
	.special_img02{text-align:center;}

	.special_box{display:block;margin-top:30px;}
	.special_box img{display:block;margin:0 auto;}
	.special_box .txt_wrap{text-align:center;padding-left:0;padding-top:10px;display:block;}
	.special_box02 p{padding-left:0;}

	.pdf_area{padding-top:25px;}
	.pdf_area img{width:380px;}
	.indesign_area02 img{width:auto;}
	.indesign_area{padding-top:15px;}
	.indesign_area img{width:380px;}

	.link_area img{width:auto;}

	.illust_area02{padding:25px 0;}
	.illust_area02 ul li{margin-bottom:15px;}
	.illust_area02 ul li.second{margin-left:0px !important;}


	.photoshop_area{padding-bottom:15px;}
	.photoshop_area ul li:nth-child(1){margin-right:0;}

	.cmyk_area img{width:380px;}

	.link_area ul.link_ul3 li:nth-child(1){margin-right:0;margin-bottom:10px;}
	.link_area ul.link_ul3 li:nth-child(2) img{width:380px;}

	.dpi_area .txt_wrap{padding-right:0;padding-bottom:15px;}

	.wire_img img{width:380px;}
}

@media(max-width:430px){
	.popup_area{padding:30px 5px;}
	.popup_area .popup_title{padding-bottom:15px;}
	.popup_area .popup_title h2{font-size:25px;}
	.popup_area .popup_title h2 br{display:block;}


	.popup_area .popup_desc{padding-bottom:25px;}
	.popup_area .tip_txt .txt_wrap{padding-top:5px;}
	.popup_area .tip_txt h2{font-size:16px;line-height:26px;}

	.booksize_img img{width:100%;}

	table.booksize_tb{font-size:13px;}
	table.booksize_tb td.tb_left{padding-left:3px;}
	table.booksize_tb th:nth-child(3), table.booksize_tb th:nth-child(7){display:none;}
	table.booksize_tb td:nth-child(3), table.booksize_tb td:nth-child(7){display:none;}

	.print_img{padding:20px 5px 0;}

	.leaflet_img ul li:nth-child(2) img{width:100%;}

	.transparency_img img.img01{padding-bottom:30px;}

	.special_img02 > img{width:300px;}
	.photoshop_area img{width:300px;}
	.illust_area img{width:310px;}
	.special_box{padding:15px 5px;}

	.link_area ul.link_ul1 li img{width:300px;}
	.link_area ul.link_ul2{padding:25px 0 20px;}
	.link_area ul.link_ul2 li img{width:210px;}
	.link_area ul.link_ul2 li{margin-bottom:10px;}
	.link_area ul.link_ul2 li p{padding-top:0;}
	.link_area ul.link_ul3 li:nth-child(2) img{width:300px;}

	.resterize_area img.img_size01{width:300px;}

	.dpi_area{padding-top:30px;}
	.dpi_area h2 span{font-size:32px;}
	.dpi_area p{padding-left:60px;}
	.dpi_area img{width:300px;}

	.wire_img img{width:100%;}

	.popup_area p.pdf_p{padding-top:25px;}

	
}