@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}
@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 400;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWeb.ttf') format('truetype');
}
@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 700;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebBold.ttf') format('truetype')
}
@font-face {
 font-family: 'NanumBarunGothic';
 font-weight: 300;
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot');
 src: url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.woff') format('woff'), url('//cdn.jsdelivr.net/font-nanumlight/1.0/NanumBarunGothicWebLight.ttf') format('truetype');
}


html {margin:0;padding:0;height:100%;}
body {
	font-family:"montserrat","NanumBarunGothic","Noto Sans Kr","맑은 고딕","Malgun Gothic","나눔고딕","Nanum Gothic",sans-serif;
	height:100%;
	font-size:13px;
	font-weight:400;
	letter-spacing:0.2px;
}
h1,h2,h3,h4,textarea,input,textarea{font-family:"montserrat","NanumBarunGothic","맑은 고딕","Malgun Gothic","Noto Sans Kr","나눔고딕","Nanum Gothic",sans-serif}
select,button{font-family:"NanumBarunGothic","맑은 고딕","Malgun Gothic","Noto Sans Kr","나눔고딕","Nanum Gothic",sans-serif;font-size:13px;color:#666666;}
table,td,th, {font-family:"NanumBarunGothic","맑은 고딕","Malgun Gothic";}
textarea{font-size:clamp(13px, 3vw, 15px);}
textarea::placeholder {font-weight:300}
input{font-size:13px;box-sizing:border-box}
form{margin:0px;}
img { border:0; vertical-align:middle;}

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,form,fieldset,p,button{margin:0;padding:0;list-style:none;box-sizing:border-box}
section {display:block;} /*IE8 시맨틱 태그 인식 적용*/
button {border:none;cursor:pointer}

A, A:link, A:visited, A:hover {color:#000;text-decoration:none;cursor:pointer;outline:none;}
.verdana {font-family:verdana;}

.img_btn{cursor:pointer;}
.link {cursor:pointer}
.l{float:left;}
.r{float:right;}
.c{clear:both;}

.m2{padding:2px;}
.m5{padding:5px;}
.m10{padding:10px;}
.m15{padding:15px;}
.m20{padding:20px;}

.fl{float:left}
.fr{float:right}

/* Point Color */
.point_c {color:#44b6ad !important;}
.red { color:#e40000 !important; }
.redL { color:#E45000; }
.darkred { color:#C5767C; }
.green { color:#61A522 !important; }
.dgreen { color:#309230;}
.ddgreen { color:#0b990b;}
.blue {color:#409DC8;}
.dblue {color:#0a96ee;}
.orange {color:#ED7000;}
.orangeL {color:#FF5A00;}
.orangeC3 {color:#C3763E;}
.orange1 {color:#FF4900;}
.dorange,.dorange:link,.dorange:visited,.dorange:hover {color:#E07D41 !important;}
.gray5A { color:#5A5A5A; }
.gray6 { color:#666 !important; }
.gray3 { color:#333; }
.gray80 {color:#808080;}
.gray8 {color:#888;}
.grayDD {color:#DDDAD5;}
.grayb3 {color:#b3b3b3;}
.black { color:#000000; }
.homepage { color:#309230; }
.brown {color:#C85510;}
.gold { color:#B79041; }
.darkgold { color:#7a5100; }
.white { color:#ffffff; }


/* font size */
.t7 {font-size:7px;}
.t8 {font-size:8px;}
.t9 {font-size:9px;}
.t10 {font-size:10px;}
.t11 {font-size:11px;}
.t12 {font-size:12px;}
.t13 {font-size:13px;}
.t14 {font-size:14px;}
.t16 {font-size:16px;line-height:18px;}
.t18 {font-size:18px;}
.t20 {font-size:20px; line-height:100%;}

.p0 {padding:0 !important;}
.pt3 {padding-top:3px !important;}
.pt5 {padding-top:5px !important;}
.p10 {padding:10px;}
.pt5{padding-top:5px !important;}
.pt7{padding-top:7px; }
.pt8 { padding-top:8px !important; }
.pt10{padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pl3{padding-left:3px !important;}
.pl5{padding-left:5px !important;}
.pl8{padding-left:8px !important;}
.pl10{padding-left:10px;}
.pr5{padding-right:5px !important;}
.pr20{padding-right:20px;}
.pb0 {padding-bottom:0 !important;}
.pb3 {padding-bottom:3px !important;}
.pb5 {padding-bottom:5px !important;}
.pb7 {padding-bottom:7px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}

.sp {letter-spacing:-1px;}
.sp0 {letter-spacing:0;}
.sp1 {letter-spacing:1px;}

.w90 {width:90%;}
.w50 {width:50%;}
.w20 {width:20%;}
.w10 {width:10%;}

.cl{clear:both;height:0}

/* 텍스트박스 스타일 */
.Btn100{border:1px solid #CCCCCC;background-color:white;width:100px;padding:5px;}

.Box30{border:1px solid #cccccc;font-size:12px;width:30px;padding:7px}
.Box50{border:1px solid #cccccc;;font-size:12px;width:50px;padding:7px}
.Box60{border:1px solid #cccccc;font-size:12px;width:60px;padding:7px}
.Box70{border:1px solid #cccccc;font-size:12px;width:70px;padding:7px}
.Box100{border:1px solid #cccccc;font-size:12px;width:100px;padding:7px}
.Box150{border:1px solid #cccccc;font-size:12px;width:150px;padding:7px}
.Box200{border:1px solid #cccccc;font-size:12px;width:200px;padding:7px}
.Box300{border:1px solid #cccccc;font-size:12px;width:300px;padding:7px}
.Box380{border:1px solid #cccccc;font-size:12px;width:380px;padding:7px}
.BoxAll{border:1px solid #cccccc;;font-size:12px;width:95%;padding:7px}

.np_Box30{border:1px solid #CCCCCC;width:30px;font-size:8pt;color:#666;}
.np_Box100{border:1px solid #CCCCCC;width:100px;font-size:8pt;color:#666;}
.np_Box150{border:1px solid #CCCCCC;width:150px;font-size:8pt;color:#666;}
.np_Box200{border:1px solid #CCCCCC;width:200px;font-size:8pt;color:#666;}
.np_Box300{border:1px solid #CCCCCC;width:300px;font-size:8pt;color:#666;}
.np_Box380{border:1px solid #CCCCCC;width:380px;font-size:8pt;color:#666;}
.np_BoxAll{border:1px solid #CCCCCC;width:95%;font-size:8pt;color:#666;}

.FileBox100{border:1px solid #CCCCCC;width:100px;padding:5px;}
.FileBox200{border:1px solid #CCCCCC;width:200px;padding:5px;}
.FileBox300{border:1px solid #CCCCCC;width:300px;padding:5px;}

.TextArea200{border:1px solid #CCCCCC;width:200px;padding:5px;}
.TextArea300{border:1px solid #CCCCCC;width:300px;padding:5px;}
.TextArea600{border:1px solid #CCCCCC;width:600px;padding:5px;}
.TextAreaAll{border:1px solid #CCCCCC;width:99%;padding:5px;}

.InputBtn{border:1px solid #CCCCCC;background-color:#FFFFFF;padding:5px;}
/* .ImgBtn{background:url("../img/btn_bg_blue.gif") no-repeat;padding:8px 0;color:#fff;font-weight:bold;width:100px;cursor:pointer;text-align:center;} */
.ImgBtn{padding:8px 0;color:#fff;font-weight:bold;width:100px;cursor:pointer;text-align:center;}
.ImgBtnRed{background:url("../img/btn_bg_red.gif") no-repeat;padding:4px 0;color:#fff;font-weight:bold;width:89px;cursor:pointer;text-align:center;font-size:8pt;}
.ImgBtnGray{background:url("../img/btn_bg_gray.gif") no-repeat;padding:4px 0;color:#fff;font-weight:bold;width:89px;cursor:pointer;text-align:center;font-size:8pt;}

/* paging_bogmi */
DIV.paging_bogmi {	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center}
DIV.paging_bogmi A {	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #88af3f; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none}
DIV.paging_bogmi A:hover {	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6}
DIV.paging_bogmi A:active {	BORDER-RIGHT: #85bd1e 1px solid; BORDER-TOP: #85bd1e 1px solid; BORDER-LEFT: #85bd1e 1px solid; COLOR: #638425; BORDER-BOTTOM: #85bd1e 1px solid; BACKGROUND-COLOR: #f1ffd6}
DIV.paging_bogmi SPAN.current {	BORDER-RIGHT: #b2e05d 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b2e05d 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #b2e05d 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #b2e05d 1px solid; BACKGROUND-COLOR: #b2e05d}
DIV.paging_bogmi SPAN.disabled {	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid}

.UItoolTip {font-family:돋움,gulim,sans-serif;border: 1px solid windowframe;background: infobackground;padding:2px 3px 1px;z-index: 10000;width:200px;}

.loadingBox{width:300px;height:100px;position:fixed;z-index:999999;top:30%;left:40%;background:#ffffff;border:2px solid #3c3c3c;display:none;}

.alpha0{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;background:#3c3c3c;}
.alpha10{filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1;opacity:0.1;background:#3c3c3c;}
.alpha50{filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;background:#3c3c3c;}
.alpha60{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;background:#3c3c3c;}
.alpha70{filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;background:#3c3c3c;}
.alpha80{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;background:#3c3c3c;}
.alpha90{filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;background:#3c3c3c;}
.alpha00{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;background:#ffffff;}
.alpha10_w{filter:alpha(opacity=10);-moz-opacity:0.1;-khtml-opacity:0.1;opacity:0.1;background:#ffffff;}

/* shop_image */
.PageOff{float:left;border:1px solid #cccccc;background:#ffffff;cursor:pointer;width:30px;height:19px;font-weight:normal;text-align:center;}
.PageOn{float:left;border:1px solid #cccccc;background:#333;color:#fff;cursor:pointer;width:30px;height:19px;font-weight:bold;text-align:center;}
.ss_title{padding:5px 0 7px 10px;background:#3e3e3e;color:#ffc600;font-weight:bold;font-size:12px;}
.ss_title a{color:#ffc600;}

/* Bookshelf */
.ibookshelf_title{position:relative;z-index:100;width:830px;height:155px;margin-top:-1px;background:url(http://static.naver.com/book/image/bg_bookshelf.jpg) no-repeat 0 0}
.ibookshelf_title .url{display:block;overflow:hidden;position:absolute;top:126px;left:701px;width:107px;height:18px;text-indent:-9000px}
.icp_list{}
.icp_list em{color:#390;font:bold 11px tahoma;letter-spacing:0}
.icp_list .icp_item{overflow:hidden;_float:left;width:810px;padding:30px 0 23px;border-bottom:1px solid #eee}
.icp_list .face_thumb,.icp_list .info,.icp_list ul{float:left}
.icp_list .face_thumb{border:2px solid #e9e9e9}
.icp_list .info{width:220px;padding:3px 23px 0 20px}
.icp_list .info dt{margin:0;padding-bottom:9px;font:11px dotum;letter-spacing:-1px}
.icp_list .info dt a{color:#555;text-decoration:none}
.icp_list .info dt span{padding:0 3px 0 2px;color:#ddd}
.icp_list .info .title{padding-bottom:12px;font:bold 18px dotum}
.icp_list .info .title a{color:#000}
.icp_list .info .desc{padding-bottom:12px;color:#777;line-height:16px}
.icp_list .info dd a{padding-right:5px}
.icp_list ul li{overflow:hidden}
.icp_list ul li{float:left }
.icp_list ul dl{width:120px;padding-left:15px;}
.icp_list ul dd{margin-top:4px;color:#999;font:normal 11px/15px dotum;letter-spacing:-1px}
.icp_list ul dd a{color:#999}

.link_item_box{cursor:pointer;}

#story{width:100%;/*background:url("../img/story/bg.gif") repeat-x;*/}
#story .content{position:relative;width:1200px;margin:0 auto;padding:70px 0}
#story .content .top_r{position:absolute;z-index:2;top:0;left:1200px;}

#shot{width:100%;background:url("../img/page_shot/bg.gif") repeat-x;}
#shot .content{position:relative;width:1032px;margin:0 auto;background-color:#fff;}
#shot .content .top_r{position:absolute;z-index:2;top:0;left:1032px;}

#shot .content .search_box{width:auto;padding:45px 37px;}
#shot .search_box .shot_select_box{width:80px;position:relative;}
#shot .search_box .shot_select_box .select{width:auto;background:url("../img/page_shot/select_dot.gif") no-repeat 65px 12px;padding:7px 8px 4px 8px;border:1px solid #cccccc;cursor:pointer;}
#shot .search_box .shot_select_box .select .select_text{font-weight:bold;color:#3c3c3c;}
#shot .search_box .shot_select_box .select_option{position:absolute;z-index:99;top:28px;left:0;width:78px;border:1px solid #cccccc;display:none;}
#shot .search_box .shot_select_box .select_option .option{cursor:pointer;background-color:#fff;font-weight:bold;padding:7px 8px 4px 8px;}
#shot .search_box .shot_select_box .select_option .option_line{width:100%;height:0;border-top:1px dotted #cccccc;background-color:#fff;}
#shot .search_box .shot_search_key_box{font-weight:bold;padding:7px 8px 6px 8px;width:300px;border:1px solid #cccccc;margin-left:10px;}
#shot .search_box .btn{margin-left:10px;}
#shot .content .data{width:958px;padding:0 37px;}
#shot .content .data .data_left_box{width:716px;float:left;}
#shot .content .data .data_left_box .board_img_box{width:194px;height:240px;padding:22px;float:left;}
#shot .content .data .data_left_box .board_img_box .thumb{width:194px;height:137px;}
#shot .content .data .data_left_box .board_img_box .title{width:194px;padding:10px 0 5px 0;font-weight:bold;background:url("../img/page_shot/icon3.gif") no-repeat 180px 13px;}
#shot .content .data .data_left_box .board_img_box .info1{width:194px;padding-bottom:5px;color:#9e9e9e;}
#shot .content .data .data_left_box .board_img_box .info2{width:194px;height:30px;padding-bottom:5px;color:#777;overflow:hidden;}
#shot .content .data .data_left_box .board_img_box .info3{margin-top:5px;width:194px;padding-bottom:5px;color:#777;}
#shot .content .data .data_left_box .board_img_box .info3 .info_profile{width:22px;height:22px;border:1px solid #cccccc;float:left;margin-right:5px;}
#shot .content .data .data_left_box .board_img_box .info3 .info_cate{width:165px;margin-top:3px;float:left;color:#9e9e9e;}
#shot .content .data .data_right_box{width:241px;float:left;}
#shot .content .data .data_right_box .info_box{padding:10px;width:221px;border-bottom:1px solid #cacaca;border-left:1px solid #cacaca;border-right:1px solid #cacaca;background-color:#f8f8f8;}
#shot .content .data .data_right_box .info_box .t{border-bottom:1px dotted #cccccc;padding-bottom:10px;}
#shot .content .data .data_right_box .info_box .p5{padding-top:10px;width:100%;}
#shot .content .data .data_right_box .info_box .p5 .total{background:url(../img/page_shot/icon2.gif) no-repeat;padding-left:50px;}
#shot .content .data .data_right_box .info_box .p5 .total .total_t{float:left;width:80px;font-size:8pt;}
#shot .content .data .data_right_box .info_box .p5 .total .total_n{float:right;width:80px;text-align:right;font-size:8pt;}
#shot .content .data .data_right_box .info_box .p5 .total_won{padding-top:10px;width:100%;}
#shot .al{border:1px solid #cccccc;}
#shot .tl{border-top:1px solid #cccccc;}
#shot .rl{border-right:1px solid #cccccc;}
#shot .bl{border-bottom:1px solid #cccccc;}
#shot .ll{border-left:1px solid #cccccc;}
#shot .tl_black{border-top:2px solid #3c3c3c;}
#shot .rank_1{background:url("../img/page_shot/n1.gif") no-repeat 0 12px;color:#6e55c7;font-size:14px;margin:0 15px;padding:10px 0 10px 15px;border-bottom:1px dotted #cccccc;}
#shot .rank_2{background:url("../img/page_shot/n2.gif") no-repeat 0 12px;color:#3f3f3f;font-size:12px;margin:0 15px;padding:10px 0 10px 15px;border-bottom:1px dotted #cccccc;}
#shot .rank_3{background:url("../img/page_shot/n3.gif") no-repeat 0 12px;color:#3f3f3f;font-size:12px;margin:0 15px;padding:10px 0 10px 15px;border-bottom:1px dotted #cccccc;}
#shot .rank_4{background:url("../img/page_shot/n4.gif") no-repeat 0 12px;color:#3f3f3f;font-size:12px;margin:0 15px;padding:10px 0 10px 15px;border-bottom:1px dotted #cccccc;}
#shot .rank_5{background:url("../img/page_shot/n5.gif") no-repeat 0 12px;color:#3f3f3f;font-size:12px;margin:0 15px;padding:10px 0 10px 15px;}
#shot .rank_t{font-size:8pt;color:#9e9e9e;}

#shot .left{width:156px;float:left;}
#shot .left .menu_t{width:100%;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;}
#shot .left .menu{width:136px;padding:10px 0 10px 20px;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;cursor:pointer;}
#shot .left .on{font-weight:bold;}
#shot .left .menu_n{color:red;}
#shot .mypage_list{float:left;width:558px;}
#shot .mypage_list .data{padding:15px 20px;width:auto;}


/* 탑 메뉴 */
#picok_topmenu{width:1031px;position:relative;z-index:9999;}
#picok_topmenu .home{float:left;width:153px;}
#picok_topmenu .menu{float:left;background:url("../img/picok_topmenu/bg.gif") repeat-x 0 1px;text-align:center;width:100px;height:39px;cursor:pointer;}
#picok_topmenu .menu .text{padding:10px 0 10px 0;font-size:14px;font-weight:bold;}
#picok_topmenu .line{float:left;background:url("../img/picok_topmenu/line.gif") no-repeat 0 1px;height:38px;width:1px;}
#picok_topmenu .off{color:#fff;}
#picok_topmenu .on{color:#ffcf10;}
#picok_topmenu .info{float:left;width:270px;background:url("../img/picok_topmenu/last_bg.gif") no-repeat 0 1px;height:16px;padding:12px 0 10px 0;text-align:center;color:#ffc71b;font-size:8pt;}
#picok_topmenu .submenu{text-align:left;position:absolute;z-index:2;top:38px;left:148px;width:800px;overflow:hidden;border-left:3px solid #3c3c3c;border-right:3px solid #3c3c3c;border-bottom:3px solid #3c3c3c;background-color:#fff;display:none;}
#picok_topmenu .submenu .msg{width:800px;font-family:"돋움,dotum";color:#777;font-weight:normal;line-height:200%;padding:10px;height:90px;font-size:12px;}
#picok_topmenu .submenu .f1{font-weight:normal;color:#cc6600;}
#picok_topmenu .submenu .submenu_area li{font-family:"돋움,dotum";float:left;color:#000;padding:10px 10px 10px 20px;background:url("../img/arw_dot.gif") no-repeat 10px 14px;}
#picok_topmenu .submenu .submenu_area .s_on{background-color:#ff9900;color:#fff;font-weight:bold;}
#picok_topmenu .submenu .submenu_area .s_off{background-color:#ffffff;color:#000;font-weight:bold;}

.shop_point_icon{background:url("../img/shop_item/img_point.gif") no-repeat 0 2px;padding-left:15px;text-align:left;}



ul.copyright_ui li {margin:10px 0;list-style-type:disc;}
#item_table2 tr.item_table2_tr1 th {padding:5px 0;background-color:#fff;color:#000;font-size:14px;font-weight:normal}
#item_table2 tr.item_table2_tr2 td {padding:10px 0;}


.flex {display:flex;}
.flex-wrap {flex-wrap: wrap;}
.flex-row {flex-direction: row;}
.flex-col {flex-direction: column;}

.justify-between {justify-content: space-between;}
.justify-around {justify-content: space-around;}
.justify-stretch {justify-content: stretch;}

.items-start	{align-items: flex-start;}
.items-end	{align-items: flex-end;}
.items-center	{align-items: center;}

.grid {display:grid}