@charset 'utf-8';

/* ###### yoonmember ############ */
.yoonmember{}
/* yoonmember_main slide */
.yf_main_wp{position:relative; width:730px;}
.yf_main_wp .ym_slide_box{overflow:hidden; width:730px;}
.yf_main_wp .ym_slide_box .imgSlider{overflow:hidden; width:4380px;}
.yf_main_wp .ym_slide_box .imgSlider li{float:left; width:730px; height:497px;}
.yf_main_wp .ym_slide_box .imgSlider li a{display:block;}
.yf_main_wp .btnSlider{overflow:hidden; width:730px; margin-top:10px; margin-bottom:30px; display:none;}
.yf_main_wp .btnSlider .btn{overflow:hidden; float:right;} 
.yf_main_wp .btnSlider .btn li {float:left; margin:0 5px}
.yf_main_wp .btnSlider .btn li a{display:inline-block;  width:13px; height:13px; background:url(../img/contents/theT_slide_box_step.gif) no-repeat 0 0;}
.yf_main_wp .btnSlider .btn li.on a{background-position:0 -13px;}
.yf_main_wp .btnSlider .stop{float:right; display:inline-block;  width:13px; height:13px; background:url(../img/contents/theT_slide_box_stop.gif) no-repeat 0 0;}
.yf_main_wp .btnSlider .start{display:none; float:right; width:13px; height:13px; background:url(../img/contents/theT_slide_box_start.gif) no-repeat 0 0;}

.yf_main_wp .btnThum {clear:both; overflow:hidden; width:730px;}
.yf_main_wp .btnThum li{float:left; overflow:hidden; margin-bottom:5px; margin-left:95px; margin-top:15px; width:179px; height:125px;}
.yf_main_wp .btnThum li:first-child {margin-top:15px; width:178px;}
.yf_main_wp .btnThum li a{display:block;}
.yf_main_wp .btnThum li a:hover img,
.yf_main_wp .btnThum li.on  a img{margin-top:-125px;}
.yf_main_wp .btnThum li.first{margin-left:0 !important;}

.btn_center.fontMain{margin-top:35px;}
.btn_center.fontMain a.big{width:416px; height:62px; border:2px solid #2852c9; line-height:62px; font-size:20px; font-weight: bold;}
.btn_center.fontMain a.big span.ico_guid{padding-left:40px; background:url(../img/contents/yoonmember/btn_ico_font.gif) no-repeat 0 1px;}

.Contwp{width:730px; padding-top:27px; border-top:1px solid #c2c2c2;}
.Contwp .fontBox{width:724px; height:126px; margin-bottom:25px; border:3px solid #2852c8;}
.Contwp .fontBox .tit_big{float:left; width:348px; height:126px; font-size:34px; color:#191c22; text-align:center; line-height:126px; font-weight:bold;}
.Contwp .fontBox .osCount{padding:20px 0;}
.Contwp .fontBox .osCount ul{overflow:hidden;}
.Contwp .fontBox .osCount ul li{float:left; height:87px; color:#2851c7;}
.Contwp .fontBox .osCount ul li .typeOs{display:block; height:20px; padding:17px 0 0 40px; font-size:20px; font-weight:bold; vertical-align:bottom;}
.Contwp .fontBox .osCount ul li.win_count .typeOs{background:url(../img/contents/yoonmember/fontBox_ico01.png) no-repeat 0 7px;}
.Contwp .fontBox .osCount ul li.mac_count .typeOs{background:url(../img/contents/yoonmember/fontBox_ico02.png) no-repeat 0 0;}
.Contwp .fontBox .osCount ul li .caseNum{display:block; margin-top:7px; font-size:40px; font-weight:bold;}
.Contwp .fontBox .osCount ul li .caseNum em{padding-left:5px; font-size:25px; vertical-align:middle;}
.Contwp .fontBox .osCount ul li:first-child{padding-right:24px; margin-right:30px; border-right:1px solid #b3b3b3;}
.Contwp .keyword_wp{overflow:hidden; width:730px;}
.Contwp .page_tit{float:left; padding-left:15px; margin-bottom:18px; font-weight:bold; color:#000; font-size:14px;}
.Contwp .page_tit.only{float:inherit;}
.Contwp .keyword_wp ul.key_list{float:right; width:550px; margin-bottom:24px;}
.Contwp .keyword_wp ul.key_list li{display:inline-block; margin-bottom:15px; padding-left:10px; background:url(../img/com/list_bullet.gif) no-repeat 0 7px; font-size:13px;}
.Contwp .keyword_wp ul.key_list li a{color:#000;}
.Contwp .keyword_wp ul.key_list.type1 li{width:45px;}
.Contwp .keyword_wp ul.key_list.type1 li.longTxt{width:68px;}
.search_wp{height:30px; margin-bottom:12px;}
.search_wp .chk_area{margin-right:20px; padding-top:5px;}
.search_wp .chk_area label{margin-left:10px; color:#848484; font-weight:bold;}
.search_wp .chk_area label:first-child{margin-left:0;}
.search_wp .select, .search_wp .select ul{width:115px;}
.search_wp .btn.gray{width:115px; height:28px; margin-right:5px; border:1px solid #a8a8a8; line-height:28px; color:#848484;}

/*fontView*/
.contThum_wp{overflow:hidden; width:730px; border-top:1px solid #c2c2c2;}
.contThum_wp ul{}
.contThum_wp li{float:left; position:relative; width:142px; height:142px; margin-right:5px; margin-bottom:15px;}
.contThum_wp li:nth-child(5n){margin-right:0;}
.contThum_wp li>a{display:block; width:142px; height:142px; }
.contThum_wp li>a img{width:142px; height:142px;}
.contThum_wp li .viewMore_box ul{display:none;}
.contThum_wp li img.ov_img{position:absolute; top:0; left:0; display:none;}
.contThum_wp li.on{position:relative;}
.contThum_wp li.on img.ov_img{display:block;}

.contThum_wp li.on .viewMore_box{display:block; overflow:hidden; position:absolute; bottom:0px; width:142px; height:40px; text-align:center; line-height:40px;}
/*.contThum_wp li.on .viewMore_box .cate:first-child{background:url(../img/contents/yoonmember/view_more_bar.gif) no-repeat right 0;}*/
.contThum_wp li.on .viewMore_box a.view_more{width:15px; height:15px; padding:0 20px; background:url(../img/contents/yoonmember/ico_detail_view.png) no-repeat 10px 0;}
.contThum_wp li.on .viewMore_box a.go_cart{height:16px; padding:0 10px 0 30px; background:url(../img/contents/yoonmember/ico_go_cart.png) no-repeat 10px 0px;}
.contThum_wp li.on .viewMore_box a em.detail{font-size:0; opacity:0;}
.contThum_wp li.on .viewMore_box a.like_it{height:16px; padding:0 10px 0 30px; background:url(../img/contents/yoonmember/ico_like.png) no-repeat 10px 3px;}
.contThum_wp li.on .viewMore_box a.like_it .count{color:#2852c9; font-weight:bold;}

.yoonfont .viewMore_box{background:rgba(230,235,248,5); opacity:0.8;} 
.font_japanWp{width:600px; margin:0 auto;}

/*img 10000 */
.contThum_wp.thumb{border-top:0;}
.contThum_wp.thumb li{}
.contThum_wp.thumb a{width:140px; height:140px; border:1px solid #e8e8e8;}
.contThum_wp.thumb+.btn_page_box.fontView {margin-top:17px;}
/*layerPopup*/
.layer .pop-layer.imgPop{overflow:hidden; width:578px; height:900px; padding:3px; background:#f6f6f6;}
.layer .pop-layer.imgPop .tbl_view.img_table table thead th{padding:10px; background:#2852c9; color:#FFF; font-weight:bold; font-size:20px; text-align:center;}
.layer .pop-layer.imgPop .tbl_view.img_table table tbody tr th{background:#FFF; color:#000;}
.layer .pop-layer.imgPop .tbl_view.img_table table tbody tr td{padding:15px 25px 16px; background:#ededed; border-top:1px solid #FFF; color:#292929;}
.layer .pop-layer.imgPop .tbl_view.img_table table tbody tr:first-child td{border-top:0;}
.layer .pop-layer.imgPop .tbl_view.img_table table tfoot tr td{padding:3px 5px; background:#e0e0e0; color:#0c0c0c; font-weight:bold; font-size:14px; text-align:center;}
.layer .pop-layer.imgTumb{width:600px; height:400px;}
/*license*/
.tbl_view.row_t table .btn.otf{width:135px;}
.layer .pop-layer.otfPop{width:700px; height:712px;}/*layerPopup*/
.tbl_view.row_t table td.btnWp{padding-bottom:20px;}
.tbl_view.row_t.license{margin-top:18px;}
.tbl_view.row_t.license table thead th.purple{font-size:12px; text-align:left; border-left:1px solid #FFF; background:#6b8be1;}
.tbl_view.row_t.license table thead th.purple.noline{border-left:0;}
.tbl_view.row_t.license table tbody td{font-size:12px;}
.tbl_view.row_t.license table tbody td.dark_gy{padding:10px; background:#dee3f0; text-align: center; font-size:13px;}
.tbl_view.row_t.license table tbody td.dark_gy.line_lf{border-left:1px solid #FFF;}
.tbl_view.row_t.license table tbody td .sign_ok{display:inline-block; width:18px; height:18px; background:url(../img/contents/yoonmember/sign_ok.gif) no-repeat 0 0;}
.tbl_view.row_t.license table tbody span.font12{font-size:12px;}

/* 서비스이용방법 */
.serviWp{width:730px; height:780px; background:#c9d6f9;}/*영역만 잡아둠*/
/* 만원의 행복 */
.manwonWp{width:730px; padding:0 0 44px; background:#f9f9f9; border-top:3px solid #2852c9; border-bottom:1px solid #ccc;}
.manwonWp .contBox{padding:45px 40px; text-align:center; line-height:1.8; font-size:13px; color:#333; border-top:1px solid #2852c9; border-bottom:0px solid #ccc; background:#f9f9f9;}
.manwonWp .contBox h3{display:inline-block; padding:0px 0 0px 60px; margin-bottom:18px; text-align:center; font-size:30px; color:#000; font-weight:bold;}
.manwonWp .contBox h3.tit1{background:url(/img/contents/yoonmember/box.png) no-repeat 0 0}
.manwonWp .contBox .text1{padding:20px 10px; height:52px; font-size: 16px; font-weight:bold;}
.manwonWp .contBox .text2{padding:20px 10px; height:52px; font-size: 16px;}
.manwonWp .contBox .text3{padding:20px 10px; height:36px; text-align: center;}
.manwonWp .contBox .text4{padding:20px 10px; height:78px; padding-left:150px; text-align:left; font-size: 14px;}
.manwonWp .pinArea{position:relative; width:480px; margin:0px auto 0;}
.manwonWp .pinArea input.text{width:300px;}
.manwonWp .pinArea a.btn{position:absolute; right:0; top:0; width:170px;}
.manwonWp .pinArea .cmmet{display:block; margin-top:10px; padding-left:8px; }

.btn_page_box.fontView{margin-top:12px;}
.btn_page_box.fontView a.btn{width:216px;}
.btn_page_box.fontView .pagination{margin-top:0; text-align: justify;}

/*font_miri*/
.miriWp{overflow:hidden; width:730px; margin-bottom:23px;} 
.font_list_miri{float:left; width:210px; height:750px; background:#f9f9f9; border:1px solid #dcdcdc;}
.font_list_miri .listTit{width:210px; height:34px; margin-bottom:10px; background:#d3e4ff; font-weight:bold; font-size:16px; text-align:center; line-height:34px;}
.font_list_miri .btn_scroll{width:210px; height:30px;}
.font_list_miri .btn_scroll a{display:inline-block; width:100%; height:30px;}
.font_list_miri .btn_scroll.top a{background:url(../img/contents/yoonmember/btn_miri_top.png) no-repeat center center;}
.font_list_miri .btn_scroll.bottom a{background:url(../img/contents/yoonmember/btn_miri_bottom.png) no-repeat center center;}

.font_list_miri .ovrScroll{overflow-y:scroll; height:526px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.font_list_miri .ovrScroll ul{}
.font_list_miri .ovrScroll ul li{border-top:1px solid #e0e0e0;}
.font_list_miri .ovrScroll ul li:first-child{border-top:0;}
.font_list_miri .ovrScroll ul li a{display:inline-block; width:100%; padding-left:18px; height:25px; line-height:26px; font-size:13px;}
.font_list_miri .ovrScroll ul li a:hover{color:#fff !important; background:#2852c9; border-top:0;}
.font_list_miri .ovrScroll ul li a.now{color:#2852c9;}

.font_view_miri{float:right; width:500px;}
.font_view_miri .reSizebox{width:500px; height:28px; padding:3px 6px 4px; margin-bottom:10px; background:#f1f1f1;}
.font_view_miri .reSizebox .select_box{float:left; width:auto; height:auto; margin-bottom:0; margin-right:6px;}
.font_view_miri .reSizebox .select_box .select{width:83px; height:26px; background:#FFF;}
.font_view_miri .reSizebox .select_box .select .target{line-height:26px; background:url(../img/com/bg_select04.gif) no-repeat right center; color:#1f1f1f; font-size:13px;}
.font_view_miri .reSizebox .select_box .select a{ color:#1f1f1f; }
.font_view_miri .reSizebox .select_box .select ul{width:83px; top:26px;}
.font_view_miri .reSizebox .select_box .select ul li{height:26px;}
.font_view_miri .reSizebox .choiBox{float:left; overflow:hidden; border:1px solid #dcdcdc; margin-right:5px;}
.font_view_miri .reSizebox .choiBox:first-child{margin-right:0;}
.font_view_miri .reSizebox .choiBox li{float:left; width:30px; height:26px; background:#fff; border-right:1px solid #dcdcdc;}
.font_view_miri .reSizebox .choiBox li:last-child{border-right:0;}
.font_view_miri .reSizebox .choiBox li a{display:inline-block; width:24px; height:21px; padding:2px 3px 3px;}
.font_view_miri .reSizebox .choiBox.align li a.ali_left{background:url(../img/contents/yoonmember/btn_align_01.gif) no-repeat 3px 2px;}
.font_view_miri .reSizebox .choiBox.align li a.ali_cent{background:url(../img/contents/yoonmember/btn_align_02.gif) no-repeat 3px 2px;}
.font_view_miri .reSizebox .choiBox.align li a.ali_right{background:url(../img/contents/yoonmember/btn_align_03.gif) no-repeat 3px 2px;}
.font_view_miri .reSizebox .choiBox.align li a.ali_justi{background:url(../img/contents/yoonmember/btn_align_04.gif) no-repeat 3px 2px;}
.font_view_miri .reSizebox .choiBox.color li a.colorPic{background:url(../img/contents/yoonmember/btn_color_01.gif) no-repeat 3px 2px;}
.font_view_miri .reSizebox .choiBox.color li a.backPic{background:url(../img/contents/yoonmember/btn_color_02.gif) no-repeat 3px 2px;}
.font_view_miri .inpt_txtBox{position:relative; height:41px; margin-bottom:25px; border:2px solid #2852c9;}
.font_view_miri .inpt_txtBox input.text{width:371px; height:41px; padding-right:10px; border:0; line-height: 41px; text-align: center; font-size:16px; font-weight:bold; color:#2852c9;}
.font_view_miri .inpt_txtBox a.btn_miri{position:absolute; right:0; top:0; width:113px; height:39px; border-radius:0; font-weight:bold; font-size:14px;}
.font_view_miri .fontView_box{overflow:hidden; display:table; width:498px; border:1px solid #dcdcdc; text-align:center;}
.font_view_miri .fontView_box .txt_showArea{display:table; width:498px; height:461px;}
.font_view_miri .fontView_box .input_txt_show{ display:table-cell; vertical-align: middle; color:#ffa200; font-size:72px;}
.font_view_miri .fontView_box .copyArea{width:498px; height:72px;  font-weight:bold; color:#363636; line-height:72px; text-align:center;}

.snsWp{clear:both; margin-top:13px; text-align:right;}
.snsWp span{display:inline-block; margin-right:15px; padding:7px 17px 0 0; font-size:13px; color:#848484; background:url(../img/contents/yoonmember/blut_sns.jpg) no-repeat right 8px;}
.snsWp a{margin-right:5px;}

/* ###### yoonfon ############t */
.yoonfont{position:relative;}
/*  yoonfont main */
.yf_maim_wp{}
.yf_slide_box{overflow:hidden; width:730px;}
.yf_slide_box .bx-wrapper{position:relative; float:left; width:730px; }
.yf_slide_box .bx-viewport{width:100%; height:320px; z-index:100;}
.yf_slide_box .bx-pager div {display:inline;}
.yf_slide_box .bx-controls{position:relative; overflow:hidden; margin-top:10px; width:100%; z-index:999;text-align:right;}
.yf_slide_box .bx-controls a{display:inline-block; text-indent:999em;}
.yf_slide_box .bx-pager, .yf_slide_box .bx-controls-auto{float:right;}
.yf_slide_box .bx-pager-item{width:13px; height:13px;}
.yf_slide_box .bx-pager-item a{display:inline-block; margin:0 3px; width:13px; height:13px; background:url(../img/contents/theT_slide_box_step.gif) no-repeat 0 0;}
.yf_slide_box .bx-pager-item a.active{background-position:0 -13px;}
.yf_slide_box .bx-controls-auto{margin-right:3px; width:13px; height:13px;}
.yf_slide_box .bx-controls-auto .bx-stop{display:inline-block; width:13px; height:13px; background:url(../img/contents/theT_slide_box_stop.gif) no-repeat 0 0;}
.yf_slide_box .bx-controls-auto .bx-start{display:inline-block; width:13px; height:13px; background:url(../img/contents/theT_slide_box_start.gif) no-repeat 0 0;}
.yf_slide_box .bx-controls-auto .active{display:none;}
.yf_slide_box .bx-controls-direction{overflow:hidden; display:none; visibility:hidden; height:0px;}
.yf_main_bottom_group{overflow:hidden; margin-top:40px;}
.yf_main_bottom_group .inner.fr ul{padding-left:15px; border-left:1px solid #e0e0e0;}
.yf_main_bottom_group .inner h3{padding-left:10px; font-size:14px; color:#000; font-weight:bold; background:url(../img/contents/yoonfont/tit_group.jpg) no-repeat 0 0;}
.yf_main_bottom_group .inner.fr h3{margin-left:15px;}
.yf_main_bottom_group .inner ul{overflow:hidden; margin-top:20px; width:350px;}
.yf_main_bottom_group .inner li{float:left; width:170px; margin-bottom:10px}
.yf_main_bottom_group .inner li.left{margin-left:10px;}

.yf_main_search{height:49px;}
.yf_main_search .search_form{overflow:hidden; float:left; padding:1px; width:437px; height:27px; background:url(../img/contents/yoonfont/yf_main_search.jpg) no-repeat 0 0;}
.yf_main_search .search_form .search_select{float:left; width:86px; height:27px; line-height:27px; text-align:center; background:none;}
.yf_main_search .search_form .search_select.click{color:#fff; background:#000;}
.yf_main_search .search_form .search_input{float:left; height:27px; line-height:27px; width:320px; background:#fff; text-align:center;}
.yf_main_search .search_form .search_btn{float:right; display:inline-block; width:29px; height:27px;}
.yf_main_search .search_keyword{float:left; margin-top:-2px; margin-left:18px; font-size:12px;}
.yf_main_search .search_keyword strong{color:#2852c9; font-weight:normal;}
.yf_main_search .search_keyword span{font-size:12px; margin-right:5px;}

.yf_main_search_box{display:none; position:absolute; left:0; top:23px; padding:15px 3px 15px; width:646px; height:543px; background:url(../img/contents/yoonfont/yf_main_search_box.png) no-repeat 0 0; z-index:999}
.yf_main_search_innder{position:relative; height:530px;}
.tab_yf_main_search_menu ul{overflow:hidden;}
.tab_yf_main_search_menu li{float:left; width:323px; height:63px; line-height:64px;}
.tab_yf_main_search_menu li a{display:block; color:#fff; text-align:center; font-size:17px; background:#2852c9;}
.tab_yf_main_search_menu li.selected{width:322px;}
.tab_yf_main_search_menu li.selected a{color:#2852c9; background:url(../img/contents/yoonfont/tab_yf_main_search_menu_bg.gif) no-repeat 0 58px}
.yf_main_search_box .tab_contents{overflow:hidden; padding:40px 22px 0;}
.yf_main_search_box .search_box{float:left; padding:0 20px;}
.yf_main_search_box .search_box.center{overflow:hidden; width:215px; text-align:center;}
.yf_main_search_box .search_box p{margin-bottom:38px; font-size:17px; color:#000; font-weight:bold; letter-spacing:-0.7px; text-align:center;}
.yf_main_search_box .search_box ul{}
.yf_main_search_box .search_box li{margin-bottom:8px;}
.yf_main_search_box .search_box li label.search_chk input{left:-9999px;position:absolute;}
.yf_main_search_box .search_box li label.search_chk{display:inline-block; text-align:center; height:27px; line-height:27px; color:#2852c9; cursor:pointer;}
.yf_main_search_box .search_box li label.search_chk.c_on{color:#fff; background-position:0 0;}
.yf_main_search_box .search_box li label.b_big{width:129px; background:url(../img/contents/yoonfont/yf_main_search_btn_big.jpg) no-repeat 0 bottom;}
.yf_main_search_box .search_box li label.b_small{width:96px; background:url(../img/contents/yoonfont/yf_main_search_btn_small.jpg) no-repeat 0 bottom;}
.yf_main_search_box .checked_multiplex{position:absolute; bottom:15px; right:15px; padding-left:15px; padding-top:8px; color:#2852c9; background:url(../img/contents/yoonfont/checked_multiplex.gif) no-repeat 0 0}

.search_outcome{margin-bottom:15px; padding:65px 20px; border:3px solid #2852c9; text-align:center;}
.search_outcome .f_stype1{margin-bottom:15px; display:block; font-size:30px; color:#2852c9;}
.search_outcome .f_stype2{color:#000; font-weight:bold;}

.search_outcome.nodata{overflow:hidden; padding:120px 0 !important;}
.search_outcome.nodata .result{float:left; padding-top:13px; width:360px;}
.search_outcome.nodata .guide{float:right; width:360px; line-height:180%; font-size:13px; color:#888; text-align:left; opacity:0.6;}
h4.connect_font{margin-top:35px; padding:10px 0 11px;text-align:center; border-top:3px solid #2852c9; color:#252525; font-weight:bold; background:#eef2fe;}

/* 윤멤버십 메인 */
.yf_mem_wp{position:relative;min-height:770px;}
.yf_mem_slide_box{position:relative; width:730px;}
.yf_mem_slide_box .yf_mem_slider{overflow:hidden; float:left; width:480px; height:615px;}
.yf_mem_slide_box .yf_mem_slider ul{width:1920px;}
.yf_mem_slide_box .yf_mem_slider li{float:left;width:480px; height:615px;}
.yf_mem_slide_box .yf_mem_slider li a{display:block;}
.yf_mem_slide_box .btnThum2 {overflow:hidden; float:right; width:240px;}
.yf_mem_slide_box .btnThum2 li {margin-top:4px;}
.yf_mem_slide_box .btnThum2 li:first-child {margin-top:0;}
.yf_mem_slide_box .btnThum2 li a{display:block;}
.yf_mem_slide_box .btnThum2 li em {display:none; position:absolute; height:115px; width:240px;background-color:black;opacity: 0.3; filter: alpha(opacity:'30'); }
.yf_mem_slide_box .btnThum2 li :hover em, .btnThum2 li.on em {display:block;} 
.yf_mem_slide_box .btnSlider2{overflow:hidden; position:absolute; top:615px; width:480px; margin-top:10px;}
.yf_mem_slide_box .btnSlider2 .btn2{overflow:hidden; float:right;} 
.yf_mem_slide_box .btnSlider2 .btn2 li {float:left; margin:0 5px}
.yf_mem_slide_box .btnSlider2 .btn2 li a{display:inline-block;  width:13px; height:13px; background:url(../img/contents/theT_slide_box_step.gif) no-repeat 0 0;}
.yf_mem_slide_box .btnSlider2 .btn2 li.on a{background-position:0 -13px;}
.yf_mem_slide_box .btnSlider2 .stop2{float:right; display:inline-block;  width:13px; height:13px; background:url(../img/contents/theT_slide_box_stop.gif) no-repeat 0 0;}
.yf_mem_slide_box .btnSlider2 .start2{float:right; display:none;  width:13px; height:13px; background:url(../img/contents/theT_slide_box_start.gif) no-repeat 0 0;}

/* 상품상세tab - 윤멤버십 추가 20170424 */
.tab_yf_prod_info_menu_m ul{overflow:hidden;}
.tab_yf_prod_info_menu_m li{float:left; padding-top:5px; width:168px; background:url(../img/contents/tab_yf_prod_info_menu_bg_187.png) no-repeat 50% 0;}
.tab_yf_prod_info_menu_m li.center{width:187px;}
.tab_yf_prod_info_menu_m li a{display:block; height:40px; line-height:40px; text-align:center; font-size:14px; color:#888; background:#eef2fe; }
.tab_yf_prod_info_menu_m li.selected{background-position:50% -45px;}
.tab_yf_prod_info_menu_m li.selected a{color:#2852c9; color:#000;}
.tab_yf_prod_info_menu_m .tab_contents{overflow:hidden;}

/* 상품상세tab */
.yf_prod_info{}
.yf_prod_tit{padding:20px 0 15px; font-size:34px; color:#2852c9; font-weight:bold; border-top:1px solid #c2c2c2;}
.tab_yf_prod_info_menu ul{overflow:hidden;}
.tab_yf_prod_info_menu li{float:left; padding-top:5px; width:240px; background:url(../img/contents/tab_yf_prod_info_menu_bg.png) no-repeat 50% 0;}
.tab_yf_prod_info_menu li.center{width:250px;}
.tab_yf_prod_info_menu li a{display:block; height:40px; line-height:40px; text-align:center; font-size:14px; color:#888; background:#eef2fe; }
.tab_yf_prod_info_menu li.selected{background-position:50% -45px;}
.tab_yf_prod_info_menu li.selected a{color:#2852c9; color:#000;}
.tab_yf_prod_info_menu .tab_contents{overflow:hidden;}
.yf_prod_info .space_inner{padding:30px; min-height:160px;}
.yf_prod_info .space_inner2{padding:30px 30px 40px; min-height:300px; border-bottom:5px solid #ccc}
/* 상품상세구매옵션 */
.option_top{overflow:hidden;}
.option_top .fl_w380{float:left; width:380px;}
.option_top .fl_95{float:left; margin-left:50px; width:95px;}
.option_top .line{line-height:25px; text-align:center; border-bottom:1px solid #c1c1c1;}
.option_top table{display:inline-block; width:100%; padding:8px 0;}
.option_top tbody td{padding:5px 0; color:#535353; font-size:12px; text-align:right;}
.option_top table.topline{border-top:1px solid #c1c1c1;}
.option_top .select{margin-top:15px; height:23px; line-height:23px; width:93px; text-align:center}
.option_top .select a{padding-left:0 !important; padding-right:15px;}
.option_top .select .target{display:block; background:url(../img/contents/yf_prod_select.gif) 100% 0 no-repeat} 
.option_top .select ul{top:24px; width:93px !important; border:1px solid #ccc; border-top:none;}
.option_top .select ul li a{padding-right:0 !important;}
.option_top .select.num a{padding-right:0 !important;}
.option_top .line .btn_heip img{vertical-align:text-top;}
.option_bottom{padding:10px 30px 30px; background:#eef2fe; border-top:1px solid #ccc; border-bottom:5px solid #ccc}
.option_bottom p{padding-top:7px; font-size:19px; color:#000; text-align:right;}
.option_bottom .gray{color:#fff; background:#a7a7a7;}

.font_type_free{padding:17px 30px 43px; border-bottom:5px solid #ccc}
.font_type_free .select{height:26px; width:180px; border:1px solid #888;}
.font_type_free .select ul{top:26px; width:180px;}
.font_type_free .tbltext{padding:5px 15px 6px; width:320px; border:1px solid #888;}
.font_type_free .font_type_output {margin-top:35px; font-size:40px; color:#000;}

.img_output{padding:20px 15px;}

.font_type{overflow:hidden; width:730px; height:134px;} 
.font_type_test{float:left; width:258px; height:128px; background:#f9f9f9; border:1px solid #dcdcdc;}
.font_type_test .ovrScroll{overflow-y:auto; overflow-x:hidden; height:120px; border-top:1px solid #e0e0e0; }
.font_type_test .ovrScroll ul{}
.font_type_test .ovrScroll ul li{border-top:1px solid #e0e0e0;}
.font_type_test .ovrScroll ul li:first-child{border-top:0;}
.font_type_test .ovrScroll ul li a{display:inline-block; width:100%; padding-left:18px; height:25px; line-height:26px; font-size:13px;}
.font_type_test .ovrScroll ul li a:hover{color:#fff !important; background:#2852c9; border-top:0;}
.font_type_test .ovrScroll ul li a.now{color:#2852c9;}

.font_view{float:right; width:470px; height:128px;}
.font_view .fontView_box{overflow:hidden; display:table; width:466px; height:128px; border:1px solid #dcdcdc; text-align:center;}
.font_view .fontView_box .txt_showArea{display:table; width:466px; height:128px}
.font_view .fontView_box .input_txt_show{ display:table-cell; vertical-align: middle; width:466px; height:128px; font-family:'YoonPro740'; font-size:40px; }

/* 상품상세사양/유의사항 */
.prod_info p{margin-bottom:10px; color:#2852c9; font-weight:bold;}
.prod_info ul{margin-bottom:20px;}
.prod_info li{line-height:180%; color:#535353;}
.prod_t_care{margin-top:10px; font-size:14px; color:#2852c9;line-height:160%;}
.t_deco{color:#000; text-decoration:underline; font-weight:bold;}
.prod_otf_img{margin-top:40px;}
/* 상품상세사용범위 */
.space_inner2 > .Contwp{padding-top:0px; width:670px; border-top:none;}
.space_inner2 .Contwp .page_tit{margin-bottom:13px; padding-left:13px; font-size:13px;}
.space_inner2 .noti_list{padding-left:13px;}
.space_inner2 .noti_list ul li{font-size:12px;}
.space_inner2 .tbl_view.row_t.license{margin-top:13px;}
.space_inner2 .tbl_view.row_t.license table thead th{font-size:12px;}
.space_inner2 .tbl_view.row_t.license table tbody tr th{font-size:14px;}
.space_inner2 .tbl_view.row_t.license table tbody td{font-size:11px;}
.numtit{padding-left:15px; padding-bottom:10px; font-size:13px; color:#000; font-weight:bold;}
.numtbl{border:1px solid #000;}
.numtbl td{padding:3px; border:1px solid #000;}
.option_top_img{position:relative; padding:0 15px 0 0;}
.option_top_img .btn_box{position:absolute; right:30px; bottom:50px;}
.option_top_img .btn_box .btn{display:block; margin-top:15px;}

/* 해외폰트*/
.foreign_library{padding-top:15px; border-top:1px solid #c2c2c2;}
.foreign_library .clear_list{overflow:hidden;}
.foreign_library .clear_list li{margin-bottom:20px;}
.foreign_library .clear_list li a{display:block; padding:10px; border:1px solid #ccc;}
.foreign_library .clear_list li .txt{display:block; font-size:13px; color:#2852c9;}
.foreign_library .clear_list li .img{display:block; text-align:center;}
.web_fonts_gray{margin-top:24px; padding:25px 0 60px; text-align:center; background:#eef2fe;}
.web_fonts_gray .tit{padding-bottom:16px; font-size:38px; font-weight:bold; color:#000; text-align:center; letter-spacing:-0.7px;}
.web_fonts_gray .subtxt{font-size:21px; color:#888; line-height:30px; text-align:center;}
.web_fonts_gray .videoBox{margin:40px auto 0;width:600px; height:339px;}
.web_fonts_gray .payment-pathway{display:inline-block; margin-top:60px; padding:0 15px; height:40px; line-height:40px; font-size:20px; color:#fff; background-color:#6cb5d9; border-radius:3px}

.authorFontWp{padding:44px 15px 20px 0; border-top:1px solid #c2c2c2;}
.authorFontWp .authorList li{margin-bottom:15px;}
.authorFontWp .detail_img{}

/* 폰트히스토리*/
#font_history_select{padding:20px 30px; height:85px; border-top:5px solid #c2c2c2; border-bottom:1px solid #c2c2c2; background:#eef2fe;}
#menu_left {float:left; width:130px; height:85px; border-right:1px solid #c2c2c2;}
#menu_left ul{}
#menu_left_ul li{padding:5px 0; font-weight:13px;}
#menu_left_ul li.selected a{color:#2852c9;}
#menu_right{float:right; padding-left:24px; width:515px; height:85px; color:#888; font-size:13px; letter-spacing:-0.3px;}
#menu_right input{margin-right:5px;position:relative; top:3px;}
#select_1 {width:539px; height:85px;}
#select_1 ul li{padding:5px 0;}
#select_1 ul li.cate2{ letter-spacing:3px;}
#select_2 {width:539px; height:85px;}
#select_2 ul li{padding:5px 0;}
#select_2 div.container{float:left;width:177px;height:108px;}
#select_3 {width:539px; height:85px;}
#select_3 ul li{padding:5px 0;}
#select_3 div.container{float:left;width:177px;height:108px;}
#font_content{overflow:hidden; padding-bottom:5px;}
#fontList{float:left; padding:20px 25px 20px 9px; width:306px;height:104px; border-bottom:2px solid #dfdfdf;}
#fontList p.fontName{margin-left:9px;margin-bottom:2px;height:20px;}
#fontList p.fontName span.year{ font-weight:bold;}
#fontList_Margin{float:left;margin-right:50px;padding:20px 25px 20px 9px; width:306px;height:104px; border-bottom:2px solid #dfdfdf;}
#fontList_Margin p.fontName{margin-left:9px;margin-bottom:2px;height:20px;}
#fontList_Margin p.fontName span.year{ font-weight:bold;}

#font_content_view{overflow:hidden; padding-bottom:5px;}
#font_name{height:27px; border-bottom:1px solid #e3e3e3;}
#font_name_left{float:left;height:12px;padding:8px 10px; text-align:left;font-size:16px;}
#font_name_right{float:right;height:12px;padding:8px 10px; text-align:right;}
#font_name_left span.font_name_bold{font-weight:bold}

#font_images{height:65px; border-bottom:1px  dashed #c9c8c6;}
#font_images_left{float:left;width:185px;height:30px;padding:20px 0 15px 0; text-align:left;}
#font_images_right{float:right;width:522px;height:30px;padding:20px 0 15px 0; text-align:left;}
#font_concept{height:61px;padding:23px 0px 90px 0;}
#font_concept p.title{margin-bottom:15px; font-weight:bold; color:#666666;}
#font_concept p.content{margin-bottom:20px; line-height:20px;}
#font_detail{height:30px;}
#tap_menu {width:707px;height:30px; border-bottom:1px #c8c8c8 solid;}
#tap_menu {margin-bottom:-3px;float:left;list-style:none;}
#tap_menu div{float:left;margin-right:1px; padding:5px 10px 12px 12px; height:12px;border:1px #c8c8c8 solid; text-align:center;}

#tap_content{margin:30px 0;}
#tap_line{height:20px; background:url(/img/contents/fontimages/g_line.gif) top repeat-x;}

/*폰트 구성*/
.fontspec{width:730px; padding-top:27px; border-top:1px solid #c2c2c2;}
.fontspec .contentBox{width:724px; height:126px; margin-bottom:25px; border:3px solid #2852c8;}
.fontspec .contentBox .tit_big{float:left; width:724px; height:126px; font-size:34px; color:#191c22; text-align:center; line-height:126px; font-weight:bold;}
.fontspec .keyword_wp{overflow:hidden; width:730px;}
.fontspec .keyword_wp .page_tit{float:left; padding-left:140px; margin-bottom:18px; font-weight:bold; color:#000; font-size:13px;}
.fontspec .keyword_wp ul.key_list{float:right; width:490px; }
.fontspec .keyword_wp ul.key_list li{display:inline-block; margin-bottom:18px; padding-left:10px; background:url(../img/com/list_bullet.gif) no-repeat 0 7px; font-size:13px;}
.fontspec .keyword_wp ul.key_list li a{color:#000;}
.fontspec .keyword_wp ul.key_list.type1 li{width:70px;}
.fontspec .keyword_wp ul.key_list.type1 li.longTxt{width:100px;}
.fontThum_wp{overflow:hidden; width:730px; border-top:1px solid #c2c2c2; line-height:20px; letter-spacing :7px; padding:20px 10px 10px 10px;}

/* 구매타입 */
#result-container {border:1px solid #a09f9f}
#result-container span.close{position:absolute; top:10px; right:10px; width:21px; height:21px; cursor:pointer;background:url(../img/contents/yoonfont/btn_close.png) 0 0 no-repeat}
#sell-container{width:700px; padding:30px 20px 40px; background-color:#fff; /*overflow-x:auto*/} 
#sell-container h1{color:#000; font-size:20px; font-weight:bold}
#sell-container h1 strong{color:#2852c9} 
#sell-containe a{display:block}
#sell-container >.msg{margin-top:12px; padding-bottom:10px; border-bottom:1px solid #dedede;}
#sell-container .msg *{font-size:12px;}
#sell-container .msg .fr img{margin:0 3px 0 5px;}
#sell-container table{width:100%; margin-top:20px;}
#sell-container table td{padding:0 10px; vertical-align:top;}
#sell-container .g-list {width:150px; margin:0 auto; text-align:center;}
#sell-container .g-list p{margin-bottom:15px}
#sell-container .g-list p .img{width:150px; height:150px;}
#sell-container .g-list .title{min-height:32px;}
#sell-container .g-list .g{display:block; height:14px; margin-bottom:7px; text-align:left} 
#sell-container .g-list .title h2{margin-bottom:10px; line-height:1.2; font-size:14px; font-weight:bold; color:#3e3e3e;}
#sell-container .g-list .price{display:block; font-size:13px; color:#2852c9}
#sell-container .g-list .msg{ margin:10px auto 0 auto; padding-top:10px; width:120px; min-height:100px; font-size:11px; color:#6b6b6b; border-top:1px solid #c5c5c5; letter-spacing:-1px}
#sell-container .g-list .btn-r{height:38px; line-height:38px;font-size:16px}
#sell-container  td.none-good{ padding-top:15px; font-size:18px; text-align:center}
#img-box{display:none; position:fixed; top:0; left:0;right:0; bottom:0; z-index:10000; width:auto; height:auto; background:url(../img/contents/yoonfont/bg_img.png) 0 0 repeat; cursor:pointer;}

/* ###### webfont ############ */
.webfont_box{overflow-y:hidden; overflow-x:hidden; height:1257px; background:#f8f8f8; border:0px solid #dcdcdc;}
.cust_remote h3.web_f_test{background:url(../img/contents/customer_tit02.gif) no-repeat 0 0}
.test_f_down{clear:both; overflow:hidden; margin:0 auto; width:355px;}
.test_f_down .form{margin-top:-1px;}
.test_f_down input{width:350px !important;}
.test_f_down .ts12{margin-top:-50px; padding-right:10px; height:50px; line-height:50px; text-align:right; font-size:12px; color:#b3b3b3;}
.test_f_down .btn_center{padding-bottom:20px;}
.test_f_down .btn_center .btn{padding:0; height:50px; line-height:50px; width:175px; font-size:15px;}

.web_tit{height:61px;}
.web_tit h3{padding-left:0; padding-bottom:10px; height:23px; font-size:18px; color:#2852ca;}

.webmiriWp{overflow:hidden; width:730px; margin-bottom:23px;} 
.webfont_list_miri{float:left; width:198px; height:211px; background:#f9f9f9; border:1px solid #dcdcdc; margin-top:46px;}
.webfont_list_miri .listTit{width:198px; height:34px; margin-bottom:10px; background:#d3e4ff; font-weight:bold; font-size:16px; text-align:center; line-height:34px;}

.webfont_list_miri .ovrScroll{overflow-y:auto; height:526px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.webfont_list_miri .ovrScroll ul{}
.webfont_list_miri .ovrScroll ul li{border-top:1px solid #e0e0e0;}
.webfont_list_miri .ovrScroll ul li:first-child{border-top:0;}
.webfont_list_miri .ovrScroll ul li a{display:inline-block; width:100%; padding-left:18px; height:25px; line-height:26px; font-size:13px;}
.webfont_list_miri .ovrScroll ul li a:hover{color:#fff !important; background:#2852c9; border-top:0;}
.webfont_list_miri .ovrScroll ul li a.now{color:#2852c9;}

.webfont_list_miri .ovrScroll2{overflow-y:auto; height:526px; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0;}
.webfont_list_miri .ovrScroll2 ul{}
.webfont_list_miri .ovrScroll2 ul li{border-top:1px solid #e0e0e0;}
.webfont_list_miri .ovrScroll2 ul li:first-child{border-top:0;}
.webfont_list_miri .ovrScroll2 ul li a{display:inline-block; width:100%; padding-left:18px; height:25px; line-height:26px; font-size:13px;}
.webfont_list_miri .ovrScroll2 ul li a:hover{color:#fff !important; background:#2852c9; border-top:0;}
.webfont_list_miri .ovrScroll2 ul li a.now{color:#2852c9;}

.webfont_view_miri{float:right; width:500px;}
.webfont_view_miri .reSizebox{width:500px; height:28px; padding:3px 6px 4px; margin-bottom:10px;}
.webfont_view_miri .reSizebox .select_box{float:right; width:auto; height:auto; margin-bottom:0; margin-right:6px;}
.webfont_view_miri .reSizebox .select_box .select{width:83px; height:26px; background:#FFF;}
.webfont_view_miri .reSizebox .select_box .select .target{line-height:26px; background:url(../img/com/bg_select04.gif) no-repeat right center; color:#1f1f1f; font-size:13px;}
.webfont_view_miri .reSizebox .select_box .select a{ color:#1f1f1f; }
.webfont_view_miri .reSizebox .select_box .select ul{width:83px; top:26px;}
.webfont_view_miri .reSizebox .select_box .select ul li{height:26px;}
.webfont_view_miri .fontView_box{overflow:hidden; display:table; width:498px; border:1px solid #dcdcdc; text-align:center;}
.webfont_view_miri .fontView_box .txt_showArea{display:table; width:498px;}
.webfont_view_miri .fontView_box .input_txt_show{ display:table-cell; vertical-align: middle; font-family:'YoonPro740'; line-height:20px;}

.webfont_view_miri2{float:right; width:500px; margin-top:46px;}
.webfont_view_miri2 .fontView_box{overflow:hidden; display:table; width:498px; border:1px solid #dcdcdc; text-align:center;}
.webfont_view_miri2 .fontView_box .txt_showArea{display:table; width:498px;}
.webfont_view_miri2 .fontView_box .input_txt_show2{ display:table-cell; vertical-align: middle; font-family:'YoonPro740'; line-height:20px;}


/* ###### TheT ############ */
/* 서브메인 */
.theT_slide_box{overflow:hidden; width:730px; height:375px;}
.theT_slide_box .bx-wrapper{position:relative; width:100%; height:375px;}
.theT_slide_box .bx-viewport{width:100%; height:375px; z-index:100;}
.theT_slide_box .bx-pager div {display:inline;}
.theT_slide_box .bx-controls{position:relative; overflow:hidden; margin-top:15px; width:100%; z-index:999;text-align:right;}
.theT_slide_box .bx-controls a{display:inline-block; text-indent:999em;}
.theT_slide_box .bx-pager, .theT_slide_box .bx-controls-auto{float:right;}
.theT_slide_box .bx-pager-item{width:13px; height:13px;}
.theT_slide_box .bx-pager-item a{display:inline-block; margin:0 3px; width:13px; height:13px; background:url(../img/contents/theT_slide_box_step.gif) no-repeat 0 0;}
.theT_slide_box .bx-pager-item a.active{background-position:0 -13px;}
.theT_slide_box .bx-controls-auto{margin-right:3px; width:13px; height:13px;}
.theT_slide_box .bx-controls-auto .bx-stop{display:inline-block; width:13px; height:13px; background:url(../img/contents/theT_slide_box_stop.gif) no-repeat 0 0;}
.theT_slide_box .bx-controls-auto .bx-start{display:inline-block; width:13px; height:13px; background:url(../img/contents/theT_slide_box_start.gif) no-repeat 0 0;}

.theT_slide_box .bx-controls-auto .active{display:none;}

.theT_slide_box .bx-controls-direction{overflow:hidden; display:none; visibility:hidden; height:0px;}
/* 목록 */
.list_photo{overflow:hidden; padding-bottom:20px;}
.list_photo ul{overflow:hidden; margin-left:12px; margin-top:30px;}
.list_photo li{float:left; margin-left:40px; width:146px;}
.list_photo li.first{margin-left:0 !important;}
.list_photo li a{display:block;}
.list_photo li a span{display:block;}
.list_photo li .img{height:194px; width:146px; background:#e9e9e9;}
.list_photo li .tit{margin-top:10px; font-size:12px; color:#2852c9; font-weight:bold;}
.list_photo li .type{margin-top:6px; font-size:16px; color:#000; font-weight:bold;}
.list_photo li .sum{margin-top:6px; font-size:13px; color:#717171;}
.list_photo li .sum_sale1 {font-size:9px; color:#FFF; padding: 1px 5px; border-radius: 3px; background:#F00;}
.list_photo li .sum_sale2 {font-size:13px; color:#F00;}
.list_photo li .mgt6{margin-top:6px;}
.list_photo li .date{margin-top:6px; font-size:13px; color:#717171;}
/* 상세 */
.thet_view_cont{overflow:hidden; padding:30px 0 10px 13px;}
.thet_view_cont .view_img{float:left; width:325px;}
.thet_view_cont .view_info{position:relative; float:right; padding-top:25px; width:325px; height:384px; border-bottom:1px solid #c2c2c2;}
.view_info .tit{font-size:16px; color:#8b8b8b; height:120px;  border-bottom:1px solid #c2c2c2;}
.view_info .tit strong{display:block; margin-bottom:15px; font-size:25px; color:#000;}
.view_info .info{ padding-top:25px;}
.view_info .info .won{font-size:25px; color:#144ef2;}
.view_info .info .won_sale1 {font-size:15px; text-decoration:line-through; color:#666;}
.view_info .info .won_sale2 {font-size:15px; color:#666;}
.view_info .info dl{overflow:hidden; margin-top:10px; width:310px;}
.view_info .info dt{float:left; margin-top:10px; font-size:13px; color:#000;}
.view_info .info dd{padding-left:75px; margin-top:10px; font-size:13px; color:#000;}
.view_info .info .amount{}
.view_info .info .amount input{width:36px; height:16px; line-height:16px; font-size:13px; text-align:center; text-indent:0; border:1px solid #c2c2c2;}
.view_info .info .amount .btn_amount{display:inline-block; position:relative; top:-3px; left:5px; height:23px; width:11px; background:url(../img/contents/btn_amount.gif) no-repeat 0 0;}
.view_info .info .amount .btn_amount .up{position:absolute; top:0; left:0; width:11px; height:11px;}
.view_info .info .amount .btn_amount .down{position:absolute; top:11px; left:0; width:11px; height:11px;}
.view_info .btn_like{position:absolute; bottom:17px; right:10px; padding-left:22px; font-size:16px; color:#a9a9a9; background:url(../img/contents/btn_like_bg.gif) no-repeat 0 2px;}

.edit_view .edit_tit{padding-left:24px; margin:50px 0 20px 0; font-size:14px; color:#2852c9; background:url(../img/contents/edit_tit_bg.gif) no-repeat 13px 2px;}
.edit_view .edit_txt_img{line-height:180%; padding-bottom:60px; padding-left:13px; border-bottom:1px solid #c2c2c2}		
.edit_view .storeItems{overflow:hidden; margin-top: 10px; }
.edit_view .storeItems ul{overflow:hidden;}
.edit_view .storeItems li{float:left; margin-left:5px;}
.edit_view .storeItems li.first{margin-left:0;}
.edit_view .storeItems li a{display:block;}
.edit_view .storeItems li .img{display:inline-block; padding:15px 0; width:139px; text-align:center; border:1px solid #e8e8e8; background:#f5f5f5;}
.edit_view .storeItems li .img img{height:112px; /*width:85px;*/ border:1px solid #e8e8e8;}
.edit_view .storeItems li .name{display:block; margin-top:8px; text-align:center; font-size:13px; color:#333;}




/* member */
.memberWarp{margin:0 auto;width:980px;}
.memberWarp > h2{padding-top:25px; height:70px; font-size:30px; color:#000; font-weight:bold;}
.memberWarp > h2 img{margin-right:20px;}

.memberWarp span.indiv{background:url(../img/contents/member/member_icon01.png) no-repeat 0 0;}
.memberWarp span.group{background:url(../img/contents/member/member_icon02.png) no-repeat 0 0;}
.memberWarp span.foreign{background:url(../img/contents/member/member_icon03.png) no-repeat 0 0;}

.welcm_tit{padding:60px 25px 25px; font-size:45px; color:#121208;}
.welcm_txt{padding:30px 25px;}
.welcm_txt .sub_tit{margin-bottom:55px; font-size:35px; font-weight:bold;}
.welcm_txt .sub_tit .regist{color:#98aadd;}
.welcm_txt .exp_fonco{margin-bottom:15px; font-size:22px; color:#272727;  line-height:160%;}
.welcm_txt .smal_fonco{font-size:14px; color:#6f6f6f;  line-height:160%;}

.memb_type{margin:50px 0 90px; padding:0 30px; text-align:center;}
.memb_type .skyblue{width:260px; height:65px; padding-top:25px; background:#edf2ff; border-bottom:10px solid #c6d2f4; border-radius:15px; vertical-align:middle;}
.memb_type .skyblue:nth-child(2){margin:0 65px;}
.memb_type .skyblue span{display:inline-block; height:34px; padding:11px 0 0 60px; font-size:20px; color:#2852ca; text-align:left;}
.memb_type .skyblue span.indiv{background-position:1px -88px;}
.memb_type .skyblue span.group{background-position:1px -96px;}
.memb_type .skyblue span.foreign{height:41px; padding-top:4px; background-position:1px -88px;}
.memb_type .skyblue span.foreign em{display:block; font-size:14px;}


.join_titBox{overflow:hidden; height:70px;}
.join_titBox .joinType{float:left;}
.join_titBox .joinType span{display:inline-block; height:34px; padding:11px 0 0 60px; font-size:20px; color:#000;}
.join_titBox .joinType span.indiv{background-position:1px 1px;}
.join_titBox .joinType span.group{background-position:1px 5px;}
.join_titBox .joinType span.foreign{background-position:1px 1px;}
.join_titBox .joinType.line2 span{height:43px; padding-top:2px;}
.join_titBox .joinType.line2 span em{display:block; font-size:14px;}
.stepBox{float:right; overflow:hidden;}
.stepBox li{float:left; padding:12px 0; width:104px; height:47px; padding:7px 15px 0 20px; border-left:1px solid #dbdbdb; color:#aeaeae;}
.stepBox li:first-child{border-left:0; width:105px;padding-left:0;}
.stepBox li em{display:block; margin-top:2px; font-size:15px; font-weight: bold;}
.stepBox li span{display:inline-block; height:36px; padding-left:44px; font-size:12px;}
.stepBox li:nth-child(1) span{background:url(../img/contents/member/step_ico01.png) no-repeat 0 0;}
.stepBox li:nth-child(2) span{background:url(../img/contents/member/step_ico02.png) no-repeat 0 0;}
.stepBox li:nth-child(3) span{background:url(../img/contents/member/step_ico03.png) no-repeat 0 0;}
.stepBox li.now{color:#2852c9;}
.stepBox li.now span{background-position:0 -84px;}
.joinArea{overflow:hidden; width:980px; min-height:600px; padding-bottom:100px; background:#f9f9f9; border-top:2px solid #ccc;}
.joinArea .join_cmnt{height:43px; padding:10px; font-size:12px; color:#b5b5b5;}
.joinArea .joinSelt{height:43px; padding:10px;}
.joinArea .joinSelt .join_cmnt{padding:0; margin:0;}
.joinAgree{width:560px; margin:40px auto 0;}
.joinAgree .agreeAll_area{overflow:hidden; }
.joinAgree .agreeAll_area .agreeAll_txt{font-size:20px;}
.joinAgree .agreeTit{overflow:hidden; margin-top:60px;}
.joinAgree .agreeTit .chk_txt{margin-bottom:15px; font-size:15px;}
.joinAgree .agree_box{overflow-y:scroll; width:528px; height:115px; padding:10px 20px 10px 10px; background:#FFF; border:1px solid #dcdcdc; font-size:12px; color:#7d7d7d;}
.joinAgree .agree_box .titArea .bigtit{display:block;}
.joinAgree .agree_box .txt_tit{display:block; margin:8px 0;}
.joinAgree .agree_box .txt_tit:first-child{margin-top:0;}
.joinAgree .agree_box p{margin-bottom:15px; font-size:12px;}
.joinAgree .agree_box ol{margin-top:10px; font-size:12px;}
.joinAgree .agree_box li{margin-bottom:10px; font-size:12px;}
.joinAgree .btn_center{width:420px; margin:40px auto 0;}
.joinAgree .btn_center a{width:198px;}
.joinArea .btn_center.step2{clear:both; width:360px; margin:55px auto 70px;}
.joinArea .btn_center.step2 a{width:168px;}
.joinArea .info_txt{font-size:13px; color:#979797; text-align:center;}

.joininpt_wp{width:360px; margin:10px auto 0;}
.joinBox{margin-bottom:20px;}
.joinBox input,
.joinBox .showRelt{border-top:0 !important;}
.joinBox input.text.color::-webkit-input-placeholder{color:#aeaeae;}
.joinBox p:first-child input{border-top:1px solid #dcdcdc !important;}
.joinBox .showRelt .choic_sex{float:right;}
.joinBox .showRelt .choic_sex label{width:98px;}
.joinBox .showRelt.date_slet{height:28px; padding:12px 0; line-height:0; text-indent:0;}
.joinBox .showRelt.date_slet .likeInpt{float:left; padding-left:10px; line-height:28px; height:28px;}
.joinBox .showRelt.date_slet .select_box .select{float:left; width:112px; border:0;}
.joinBox .showRelt.date_slet .select_box .select ul{width:112px;}

.joinBox .showRelt.email_slet{height:28px; padding:12px 0; line-height:0; text-indent:0; line-height:28px;}
.joinBox .showRelt.email_slet .likeInpt{float:left; padding-left:10px; height:28px; width:100px;}
.joinBox .showRelt.email_slet .likeInpt2{ height:28px;width:100px;}
.joinBox .showRelt.email_slet .select_box .select{padding-left:5px; height:28px; border:0;}

.joinBox .find_file.showRelt{position:relative; text-indent:0;}/*파일선택*/
.joinBox .find_file input.text{width:264px; border:0;}
.joinBox .find_file .find_btn button{position:absolute; right:8px; top:3px; width:80px; height:42px; background:#2852c9; border:1px solid #2852c9; border-radius:2px; color:#FFF; z-index:5;}
.joinBox .find_file .find_btn input{position:absolute; width:80px; height:42px; right:8px; top:3px; z-index:10; opacity:0;}

.joinBox .name_addCmnt{color:#2852c9;border:1px solid #2951cb;background:#fff;}

/* 우편번호 추가 20160401 */
.joinBox .find_zipcode.showRelt{position:relative; text-indent:0;}
.joinBox .find_zipcode input.text{width:100%; border:0;}
.joinBox .find_zipcode .find_btn button{position:absolute; right:8px; top:3px; width:90px; height:42px; background:#2852c9; border:1px solid #2852c9; border-radius:2px; color:#FFF; z-index:5;}
.joinBox .find_zipcode .find_btn input{position:absolute; width:90px; height:42px; right:8px; top:3px; z-index:10; opacity:0;}

.joinBox .showRelt.doub_inpt{overflow:hidden;}
.joinBox .showRelt.doub_inpt input{border:0; width:174px;}
.joinBox .showRelt.doub_inpt .slt_bar{margin-top:10px;}
.joinBox .slt_bar{float:left; width:1px; height:25px; margin:0 5px; background:url(../img/com/showRelt_selt_bar.gif) no-repeat 0 0;}
.get_mail{margin-bottom:2px; font-size:13px !important; font-weight:bold;}

.compJoin_wp{overflow:hidden; padding:10px 90px 0;}
.compJoin_wp .joininpt_wp{margin:inherit;}
.complt_wp{margin-top:125px; text-align:center;}
.complt_wp .big_msg{font-size:40px; font-weight:bold; color:#000;}
.complt_wp .thnk_msg{margin-top:70px; font-size:25px; color:#000;}
.complt_wp .btn_center{width:550px; margin:125px auto 0;}
.complt_wp .btn_center a{display:inline-block; width:168px;}




/* popup_우편번호검색*/
.zip_code_box{overflow:hidden; margin-top:30px;}
.zip_code_box dl{overflow:hidden; width:420px;}
.zip_code_box dt{float:left; width:100px; font-size:15px; color:#333; line-height:35px;}
.zip_code_box dt label{font-size:15px;}
.zip_code_box dd{float:left; width:320px;}
.zip_code_box dd input{margin-right:5px; height:35px; width:190px; line-height:35px; border-color:#a0a0a0;}
.zip_code_box dd .btn{height:35px; width:100px;}
.zip_code_list .tbl_list table thead th:last-child{text-align:left; padding-left:30px;}
.zip_code_list .tbl_list table tbody td:first-child{text-align:center;}
.zip_code_list .zip_code.tbl_list{overflow-y:scroll; height:248px;}
.zip_code_list .zip_code.tbl_list table{border-top:none;}
.p_cont .search_view{margin-top:20px;}
.package_agree_list{width:420px}
.package_agree_list li{margin-top:15px;}
.package_agree_list li label.custom_chk.type2{height:20px; padding-left:30px; font-size:13px; line-height:140%; background-position:0 2px;}
.package_agree_list li label.custom_chk.type2.c_on{padding-left:30px; background-position:0 -53px;}

/* ###### login ############ */
.loginWarp{margin:0 auto; width:980px;}
.loginWarp > h2{padding-top:25px; height:70px; font-size:30px; color:#000; font-weight:bold;}
.loginWarp > h2 img{margin-right:20px;}

.loginBox{overflow:hidden; margin:140px auto 0; width:770px;}
.loginBox .log_info{float:left; width:360px;}
.log_info .id_pw_find{overflow:hidden; margin-top:14px;}
.log_info .id_pw_find .fl{margin-top:3px;}
.log_info .id_pw_find a{font-size:13px; color:#333;}
.log_info .id_pw_find label{font-size:13px; color:#524f4f;}
.loginBox .log_banner{float:right; width:360px; height:220px;}
.log_banner a{display:block;}

.tab_id_pw_find{overflow:hidden; width:920px; padding:30px;}
.tab_id_pw_find li{float:left; text-align:center;}
.tab_id_pw_find li:nth-child(2){width:400px;}
.tab_id_pw_find li a{display:inline-block; padding:12px 0; width:255px; color:#888; font-size:20px; border:2px solid #888; border-radius:5px;}
.tab_id_pw_find li a span{display:inline-block; padding:10px 0 10px 65px; }
.tab_id_pw_find li:nth-child(1) span{background:url(../img/contents/tab_id_pw_find_icon01.png) no-repeat 0 0;}
.tab_id_pw_find li:nth-child(2) span{background:url(../img/contents/tab_id_pw_find_icon02.png) no-repeat 0 0;}
.tab_id_pw_find li:nth-child(3) span{background:url(../img/contents/tab_id_pw_find_icon03.png) no-repeat 0 0;}
.tab_id_pw_find li.selected a{color:#fff; background:#2852c9; border:2px solid #2852c9;}
.tab_id_pw_find li.selected span{background-position:0 -55px !important;}

.findBox{overflow:hidden; height:430px; padding:80px 50px 0;}
.findBox .find_infoLeft{float:left; width:360px;}
.findBox .find_infoRight{float:right; width:360px;}
.findBox p.find_tit{margin-bottom:10px; font-size:13px; color:#848484; line-height:160%;}
.findBox p .big_tit{display:block; margin-bottom:6px; font-size:20px; color:#000; font-weight:bold;}
.findBox .reult_area{margin:40px 0; font-size:15px; color:#888;}
.findBox .reult_area .found_id{color:#000;}
.findBox.type02{overflow:hidden; padding:85px 0 0;}
.findBox.type02 .reultBox_left{float:left; width:473px; height:250px; padding:50px 0 0 5px; border-right:1px solid #ccc;}
.findBox.type02 .reultBox_right{float:right;width: 410px; height:250px; padding:50px 33px 0  58px;}
.findBox.type02 .reultBox_left.resetPw{width:481px; height:245px; padding:55px 0 0 30px;}
.findBox.type02 .reultBox_right.chkAll{width:360px; padding:0 33px 0 75px;}
.findBox.type02 .reultBox_right.chkAll .find_tit{margin-bottom:20px;}
.findBox.type02  p .big_tit{margin-bottom:20px;}
.findBox.type03{padding:115px 0 0;}
.findBox.type03 .pw_reultBox{width:360px; margin:0 auto;}
.findBox.type03 .big_tit{margin-bottom:16px;}
.findBox.type03 .find_tit{margin-bottom:32px;}
.findBox.type03 .engTit{margin-left:245px;}
.reult_btnWp{width:410px;}
.reult_btnWp p{width:200px;}
.reult_btnWp p:first-child{float:left;}
.reult_btnWp p:last-child{float:right;}
.btn_input_wp.mailBox{position:relative; width:280px; margin:20px 0 30px; padding-right:130px;}




/* ###### mypage ############ */
.mypage {position:relative;}
.mypage .tbl_list tbody td a:hover{text-decoration:underline;}
.mypage .tbl_list tbody td a:hover.btn_table, .mypage .tbl_list tbody td a:hover.btn_cart_del{text-decoration:none !important;}
.mypage_sub_txt{padding-left:10px; font-size:12px; color:#333;}
.mypage .Contwp{border-top:2px solid #2852c9;}

.my_blue_box{overflow:hidden; border:5px solid #2852c9;}
.my_red_box{overflow:hidden; border:5px solid #ff4948;}

.mypage .dart{padding-left:28px; font-size:16px; color:#252525 !important; font-weight:bold; background:url(../img/contents/blit_notice_tit.gif) no-repeat 10px 3px;}
.mypage .list_photo ul{padding-bottom:20px;}
.align_box{overflow:hidden; padding-bottom:8px;}
.align_box .tl_tit{float:left; margin-top:40px; font-size:16px; color:#313131; font-weight:bold;}
.align_box .tr_txt{float:right; margin-top:40px;}
.align_box .btn_more{font-size:12px; color:#909090;}
.align_box > .dart,
.align_box > .dart + .tr_txt {margin-top:50px;}
.align_box.blueline{border-bottom:2px solid #2852c9;}
.align_box .ts12{margin-left:3px; font-size:12px; color:#888; font-weight:normal;}
/*cart*/
.cart_step{overflow:hidden;}
.cart_step ul{height:100px; background:url(../img/contents/tab_basket_step.jpg) no-repeat 0 0}
.cart_step li{float:left; width:240px;}
.cart_step li a{display:block; height:100px;}
.cart_step li.step2{margin-left:5px;}
.cart_step li.step3{margin-left:5px;}
.cart_step li.step1 a{background:url(../img/contents/tab_basket_step.jpg) no-repeat 0 0;}
.cart_step li.step2 a{background:url(../img/contents/tab_basket_step.jpg) no-repeat -245px 0;}
.cart_step li.step3 a{background:url(../img/contents/tab_basket_step.jpg) no-repeat -490px 0;}
.cart_step li.step1.on a{background-position:0 bottom;}
.cart_step li.step2.on a{background-position:-245px bottom;}
.cart_step li.step3.on a{background-position:-490px bottom;}
.mypage .btn_cart_del{display:inline-block; padding:0 6px 0 22px; height:20px; font-size:12px; line-height:21px; background:url(../img/contents/btn_cart_del.png) no-repeat 0 0;}
.mypage .btn_cart_del:hover{background-position:0 bottom; text-decoration:none;}
.mypage .tbl_list .txtline{color:#aaa; text-decoration:line-through;}
.cart_order{padding:15px 0; font-size:20px; color:#888; text-align:center;}
.cart_order span{color:#333;}
.oder_ok_msg{padding:60px 0 20px; text-align:center; font-size:15px; color:#888; line-height:150%;}
.oder_ok_msg strong{display:block; margin-bottom:30px; font-size:35px; color:#000; line-height:35px;}
			
.my_info{padding:20px;}
.my_info .myphoto{float:left; width:100px; height:100px;}
.my_info .mydata{float:left; padding-top:15px; margin-left:20px; width:550px; height:100px;}
.my_package_info{float:left; padding-top:15px; margin-left:20px; width:550px; height:100px; line-height:160%; font-size:12px; color:#000;}
.my_package_info strong{display:block; font-weight:bold; font-size:13px; color:#eb0808;}
.my_info .mydata .class{font-size:20px; color:#999;}
.my_info .mydata .class strong{color:#000;}
.my_info .mydata .class .btn{vertical-align:text-top;}
.my_info .mydata .history{margin-top:20px; color:#888;}
.my_info .mydata .history strong{margin-right:5px; padding-bottom:2px; color:#000; font-size:14px; border-bottom:2px solid #000;}

.my_buy_list{}
.my_buy_list ul{overflow:hidden; margin-top:10px;}
.my_buy_list li{float:left; width:142px; margin-left:5px;}
.my_buy_list li img{width:142px; height:142px;}
.my_buy_list li span{display:block; margin-top:5px; width:142px; font-size:12px; text-align:center;}
.my_buy_list li .category{color:#888;}
.my_buy_list li .prd_name{color:#333;}

.tab_my_buy{height:40px; border:1px solid #2852c9; border-radius:1px}
.tab_my_buy li{float:left; width:50%; text-align:center; }
.tab_my_buy li a{display:block; height:40px; line-height:40px; font-size:15px; color:#2852c9; 
background:#fff;}
.tab_my_buy li.selected a{color:#fff; background:#2852c9;}

.skyblue_guide_box{margin-top:80px; padding:20px 23px; font-size:12px; line-height:160%; background:#edf0f9;}
.skyblue_guide_box p.tit{margin-bottom:10px; font-size:15px; color:#2852c9; font-weight:bold;}

.sorting_period{overflow:hidden; margin-bottom:13px; padding:11px 35px; background:#f0f3f9;}
.sorting_period dt{float:left; width:115px; font-size:15px; color:#2852c9; font-weight:bold; line-height:28px;}
.sorting_period dd{float:left; width:500px}  
.sorting_period dd label{margin-right:5px;}

.sorting_membership{overflow:hidden; margin-bottom:13px; padding:11px 35px; background:#f0f3f9;}
.sorting_membership dl{overflow:hidden; width:680px;}
.sorting_membership dt{float:left; width:115px; font-size:15px; color:#2852c9; font-weight:bold; line-height:28px;}
.sorting_membership dd{float:left; width:550px}  
.sorting_membership dd label{margin-right:5px;}

.order_guide{margin-bottom:50px; font-size:12px; color:#333; line-height:1.6em;}
.order_num_box{padding:10px;}
.order_num_box p{font-size:15px; font-weight:bold;}

.package_num{position:absolute; right:0; top:5px; width:250px;}
.package_num p{margin-top:4px; text-align:center; font-size:12px; color:#888;}
/*wishlist*/
.wish_photo_list{overflow:hidden; margin-top:20px; border-top:1px solid #c2c2c2;}
.wish_photo_list ul{overflow:hidden; padding-top:20px;}
.wish_photo_list li{position:relative; float:left; margin-bottom:45px; width:142px; height:186px; margin-right:5px; text-align:center;}
.wish_photo_list li.lineLast{margin-right:0px !important;}
.wish_photo_list li a{display:block;}
.wish_photo_list li img{width:142px; height:142px;}
.wish_photo_list li .type{display:block; margin-top:7px; color:#888; font-size:12px;}
.wish_photo_list li .name{display:block; margin-top:7px; color:#333; font-size:12px;}
.wish_photo_list li .over{display:none; position:absolute; left:0; top:0; width:136px; height:136px; border:3px solid #2852c9;}
.wish_photo_list li a:hover .name{text-decoration:underline;}

.cust_remote h3.custit5{padding-left:45px; background:url(../img/contents/customer_tit05.gif) no-repeat 0 10px}
.cust_remote h3.custit6{padding-left:45px; background:url(../img/contents/customer_tit06.gif) no-repeat 0 10px}
.cust_remote h3.custit7{padding-left:50px; background:url(../img/contents/customer_tit07.gif) no-repeat 0 10px}
.mypagejoinBox{width:360px; margin:20px auto 0;}
.mypagejoinBox .joinBox{text-align:left;}
.mypagejoinBox .textarea{padding:20px 5px; width:350px; border-top:none;}
.mypagejoinBox .po_r{position:relative;}
.mypagejoinBox .name_addCmnt{margin:20px auto; width:362px; height:50px; line-height:50px; color:#2852c9; text-align:center; border:1px solid #2951cb; background:#fff;}
.mypagejoinBox .po_r .label{position:absolute; top:20px; left:-65px; line-height:100%; text-indent:0; color:#888;}
.mypagejoinBox .po_r .variable{color:#000 !important;}
.mypagejoinBox.business .po_r .label{position:absolute; top:20px; left:-100px; line-height:100%; text-indent:0; color:#888;}
.mypagejoinBox .btn_zipcode{position:absolute; right:0; top:12px; padding:3px 12px;}
.mypagejoinBox .birth{text-align:center; width:116px; height:25px; line-height:25px; border-left:1px solid #dcdcdc;}
.mypagejoinBox .type{text-align:center; width:150px; height:25px; line-height:25px; text-align:left; text-indent:10px; border-left:1px solid #dcdcdc;}
.mypagejoinBox .noline{border-left:none;}

.my_guide_txt{margin-top:28px; font-size:13px; color:#524f4f;}
.my_guide_txt span{color:#999;}
.red_Notice{margin-top:90px; padding:0 50px; font-size:12px; color:#888; text-align:left;}
.red_Notice strong{display:block; color:#ff0000;}

.qna_edit_view{color:#757575; line-height:170%; border-bottom:1px solid #eaeaea;} 
.qna_edit_view .question{padding:20px 100px 25px 125px; min-height:50px; background:#fafafd url(../img/contents/qna_question_icon.gif) no-repeat 37px 19px;}
.qna_edit_view .answer{padding:35px 100px 40px 125px; min-height:50px; border-top:1px solid #eaeaea; background:#fff url(../img/contents/qna_answer_icon.gif) no-repeat 37px 39px;}

.mypagejoinBox.w540{width:540px; margin:35px auto 0;}
.joinBox .oh_input{overflow:hidden; width:100%; height:50px; line-height:50px; text-indent:10px; color:#000; border:1px solid #dcdcdc; background:#fff;}						
.joinBox .oh_input .cmt_txt{line-height:100% !important;}
.joinBox .oh_input p input{width:250px;height:50px; line-height:50px; border-top:none !important;}
.joinBox .oh_input p.line{border-left:1px solid #dcdcdc;}
.joinBox .adviceBox{top:1px; height:50px; width:180px; line-height:50px; border:1px solid #dcdcdc; background:#fff;}
.joinBox .adviceBox .target{display:block; background: url(../img/com/bg_select.gif) 100% 50% no-repeat;} 
.joinBox .adviceBox ul{display:none; position:absolute; top:50px; left:-1px; width:180px; text-align:center; z-index:10; border:1px solid #dcdcdc; background:#fff;}
.joinBox .adviceBox ul li{height:22px; line-height:22px; }
.joinBox .adviceBox ul li a{padding-left:0 !important;}
.joinBox .adviceBox ul li a:hover{color:#fff; background:#2852c9 !important;}
.joinBox .topline{border-top:1px solid #dcdcdc;}

.backout_msg{padding:5px 30px 0; color:#757575; line-height:190%; text-align:left;}
.backout_msg .backout_email{overflow:hidden; margin-top:20px; width:590px;}
.backout_msg .backout_email dt{float:left; padding:5px 0 0; width:55px;}
.backout_msg .backout_email dd{float:left; width:400px;}
.backout_msg .backout_email dd input{height:38px; line-height:38px; width:360px;}

.backout_msg .backout_email2{overflow:hidden; margin-bottom:10px; width:590px;}
.backout_msg .backout_email2 dt{float:left; padding:5px 0 0; width:100px;}
.backout_msg .backout_email2 dd{float:left; width:400px; height:38px; line-height:38px; background:#fff; border:1px solid #dcdcdc}
.backout_msg .backout_email2 dd input{height:38px; line-height:38px; border:none;}
.backout_msg .backout_radio{margin-top:25px;}
.backout_msg .backout_radio label{margin-right:9px;}
.backout_msg .backout_radio2{text-align:center;}
.backout_msg .backout_radio2 label.custom_chk{padding-left:30px; background-position:0 0;}
.backout_msg .backout_radio2 label.custom_chk.c_on{background-position:0 -35px;}

.mem_status{overflow:hidden; border-bottom:1px solid #ccc;}
.mem_status dt{float:left; padding:40px 0 40px 20px; font-size:15px; color:#888; width:150px;}
.mem_status dd{float:left; padding:40px 10px 40px 0; font-size:15px; color:#000; width:550px;}
.mem_status_license{border-bottom:1px solid #ccc;}
.mem_status_license dt{padding:30px 0 30px 20px; font-size:15px; color:#888; width:710px;}
.mem_status_license dd{padding:0 0 40px 0; width:100%;}
.mem_status_license dd .tbl_view.row_t.license{margin-top:0;}

.align_box .link_red{font-size:12px; color:#ff0000;}
/* 서브아이디 */ 
.sub_id_step{overflow:hidden; height:100px;}
.sub_id_step ul{height:100px;}
.sub_id_step li{float:left; width:240px;}
.sub_id_step li a{display:block; height:100px;}
.sub_id_step li.step2{margin-left:5px;}
.sub_id_step li.step3{margin-left:5px;}
.sub_id_step li.step1 a{background:url(../img/contents/tab_subID_menu.jpg) no-repeat 0 0;}
.sub_id_step li.step2 a{background:url(../img/contents/tab_subID_menu.jpg) no-repeat -245px 0;}
.sub_id_step li.step3 a{background:url(../img/contents/tab_subID_menu.jpg) no-repeat -490px 0;}
.sub_id_step li.step1.on a{background-position:0 bottom;}
.sub_id_step li.step2.on a{background-position:-245px bottom;}
.sub_id_step li.step3.on a{background-position:-490px bottom;}
.sub_id_guide_box{margin-top:15px; padding:26px 10px; font-size:13px; color:#000; line-height:160%; border-top:2px solid #2852c9; background:#f0f3f9;}
.sub_id_guide_txt{margin-top:28px; padding-left:10px; padding-bottom:20px;}
.sub_id_guide_txt dt{margin-bottom:8px; font-size:13px; color:#2852c9; font-weight:bold;}
.sub_id_guide_txt dd, .sub_id_guide_txt dd li{font-size:12px; color:#333;}
.sub_id_guide_txt dd li{margin-bottom:5px;}
.btn.subid{color:#2852c9; height:33px; line-height:33px; width:138px; background:#fff; border:1px solid #2852c9; border-radius:1px;}
.btn.subid.on{color:#fff; background:#2852c9;}

.text_subid{padding:4px 5px; width:76px; font-size:12px; color:#757575; text-align:center; border:1px solid #d2d2d2;}
.btn_subid_table{display:inline-block; padding:4px 0 4px; width:53px; font-size:12px; color:#2852c9 !important; text-align:center; background:#fff; border:1px solid #2852c9;}
.btn_subid_table.blue{color:#fff !important; background:#2852c9; border-radius:1px !important;}

.sub_id_make_box{margin-top:20px; padding:55px 120px; background:#f0f3f9;}
.sub_id_make_box dl{overflow:hidden;}
.sub_id_make_box dt{float:left; margin-bottom:25px; height:30px; font-size:13px; color:#2852c9; text-align:right;}
.sub_id_make_box dt span.dt_one{display:inline-block; margin-top:6px;}
.sub_id_make_box dt span.fs11{display:block; font-size:11px; color:#000;}
.sub_id_make_box dd{float:left; padding-left:8px; height:30px; margin-bottom:25px;}        
.sub_id_make_box dd input{height:30px; width:105px; line-height:30px; color:#000; text-align:center;}
.sub_id_make_box dd .btn_table{height:22px; line-height:22px; background:#fff;}
.sub_id_make_box .size1{width:105px;}
.sub_id_make_box .size2{width:163px;}
.sub_id_make_box .size3{width:66px;}
.sub_id_make_box .size4{width:140px;}
.sub_id_make_txt{margin-top:30px; padding-top:20px; color:#000 !important; border-top:1px solid #b4b4b4;}

#layer_sub_id{position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; z-index:9000;}
#layer_sub_id .layerwrap{position:relative; top:50%; margin:0 auto; padding-top:70px; width:355px; height:90px; border:1px solid #000; border-radius:1px; box-shadow:3px 3px 15px rgba(24,24,24,.4); background:#fff; z-index:9100;}
#layer_sub_id .layerwrap > p{font-size:13px; color:#494747;}
#layer_sub_id .layerwrap .btn_close{overflow:hidden; position:absolute; right:5px; top:5px; display:inline-block; padding:5px; width:10px;height:10px; background:url(../img/contents/btn_layer_sub_id_close.gif) no-repeat 50% 50%}
#layer_sub_id .layerbg {position:absolute;top:0;left:0;width:100%;height:100%; background:#fff; opacity:.0; filter:alpha(opacity=0);}

/*권한*/
.font_right_box{margin-top:25px; padding:35px 30px 30px; background:#f0f3f9;}
.font_right_box dl{overflow:hidden;}
.font_right_box dt{float:left; margin-bottom:13px; width:120px; text-align:center; font-size:13px; color:#2852c9;}
.font_right_box dd{float:left; margin-bottom:13px; width:550px; font-size:13px; color:#414040;}
.font_right_table{position:relative; overflow:auto; padding:20px; height:450px; width:630px; background:#fff;}
.font_right_table .tbl_list table{padding-bottom:20px; width:630px;}
.font_right_table .tbl_list table thead td{font-size:13px; color:#494747;}
.font_right_table .tbl_list table tbody td{font-size:11px; color:#757575;}



/* ###### customer ############ */
.customer_faq_box{overflow:hidden; padding:50px 38px 0; width:654px; height:140px; background:url(../img/contents/faq_box.gif) no-repeat 0 0;}
.customer_faq_box .questions{height:55px; width:545px; background:url(../img/contents/faq_input.gif) no-repeat 0 0;}
.customer_faq_box .questions input{margin:5px 15px;; width:430px; height:45px; line-height:45px; font-size:15px; text-align:center;}
.customer_faq_box .questions .sch_smit{width:70px; height:55px; font-size:20px; color:#fff; text-align:center; background:url(../img/contents/faq_btn.gif) no-repeat 0 0;}
.customer_faq_box .search_word_ist{overflow:hidden; margin-top:15px;}
.customer_faq_box .search_word_ist .tit{padding-right:20px; font-weight:normal; background:url(../img/contents/blit_faq_tag.gif) no-repeat 100% 3px;}
.customer_faq_box .search_word_ist span{padding:0 6px 0 9px; color:#797979; font-size:13px; background:url(../img/contents/blit_faq_tag_list.gif) no-repeat 0 2px;}
.customer_faq_box .search_word_ist span.first{background:none;}
.customer_faq_box .search_word_guide{margin-top:10px; font-size:13px; color:#7f9ced;}
.resultBox{padding:40px 0 0; height:75px; font-size:25px; color:#2852c9; text-align:center;}
.resultBox span{display:block; margin-top:10px; font-size:15px;}
.customer_tbl_list{overflow:hidden; margin-top:10px;}
.customer_tbl_list table{width:100%; border-bottom:1px solid #ccc}
.customer_tbl_list thead th {padding:10px; color:#000;  font-size:14px; text-align:center; font-weight:bold; background:#f0f3fa;}
.customer_tbl_list tbody td {padding:10px 20px; color:#5f5f5f; font-size:13px;}
.customer_tbl_list tbody td a:hover{color:#000 !important}
.customer_tbl_list tbody tr:nth-child(even){background:#f8f8f8;}
.customer_tbl_list tbody tr.on td,
.customer_tbl_list tbody tr.on td a{color:#2852c9 !important}
.customer_tbl_list tbody tr.on td a:hover{color:#000 !important}
.customer_guick_menu{margin-top:30px;}
.customer_guick_menu ul{overflow:hidden; padding-left:91px; background:url(../img/contents/guick_menu.jpg) no-repeat 0 0;}
.customer_guick_menu li{float:left; width:91px; height:125px;}
.customer_guick_menu li a{display:block; padding:70px 15px 15px 18px; height:39px; font-size:13px; color:#a7a7a7; text-align:center; line-height:150%; background:url(../img/contents/guick_menu.jpg) no-repeat 0 0;}
.customer_guick_menu li a.menu1{background-position:-91px 0;}
.customer_guick_menu li a.menu2{background-position:-182px 0;}
.customer_guick_menu li a.menu3{background-position:-273px 0;}
.customer_guick_menu li a.menu4{background-position:-364px 0;}
.customer_guick_menu li a.menu5{background-position:-455px 0;}
.customer_guick_menu li a.menu6{background-position:-546px 0;}
.customer_guick_menu li a.menu7{background-position:-637px 0;}
.customer_guick_menu li a.menu1.on, .customer_guick_menu li a.menu1:hover{color:#fff; background-position:-91px bottom;}
.customer_guick_menu li a.menu2.on, .customer_guick_menu li a.menu2:hover{color:#fff; background-position:-182px bottom;}
.customer_guick_menu li a.menu3.on, .customer_guick_menu li a.menu3:hover{color:#fff; background-position:-273px bottom;}
.customer_guick_menu li a.menu4.on, .customer_guick_menu li a.menu4:hover{color:#fff; background-position:-364px bottom;}
.customer_guick_menu li a.menu5.on, .customer_guick_menu li a.menu5:hover{color:#fff; background-position:-455px bottom;}
.customer_guick_menu li a.menu6.on, .customer_guick_menu li a.menu6:hover{color:#fff; background-position:-546px bottom;}
.customer_guick_menu li a.menu7.on, .customer_guick_menu li a.menu7:hover{color:#fff; background-position:-637px bottom;}
.customer_board{overflow:hidden; padding:0 50px 0 17px}
.customer_board .boardBox{width:300px; margin-top:60px;}
.customer_board .boardBox .t_tit{font-size:20px; color:#333; font-weight:bold;}
.customer_board .boardBox .t_link{margin-top:4px; }
.customer_board .boardBox .t_link a{padding-right:18px; font-family:'YoonPro780'; font-size:12px; color:#333; background:url(../img/contents/blit_notice_tit.gif) no-repeat 100% 3px;}
.customer_board .boardBox ul{margin-top:15px;}
.customer_board .boardBox li{padding:10px 0 8px; border-bottom:1px solid #dcdcdc;}
.customer_board .boardBox li a{overflow:hidden; display:block; width:270px; padding-left:14px; font-size:12px; color:#777; text-overflow:ellipsis; white-space:nowrap; background:url(../img/contents/blit_notice.gif) no-repeat 3px 5px;}
.customer_board .boardBox li a .new{display:inline-block;}
.customer_board .boardBox li a:hover{color:#000;text-decoration:none;}
.notice_edit_view{padding:40px 55px 60px; font-size:13px; color:#000; border-bottom:1px solid #ccc; line-height:180%; background:#f8f8f8;}
.answer_edit_view{padding:20px 55px 20px 75px; font-size:13px; color:#000; border-bottom:1px solid #ccc; line-height:180%; background
:#f8f8f8 url(../img/contents/answer_edit_view_bg.png) no-repeat 30px 50px;}
.answer_edit_view .inner{padding:25px 10px 35px 20px; border-left:1px solid #dadada;}
/* 다음페이지 이전페이지 리스트 */
.view_list_append {}
.view_list_append .view_list {padding:10px 0 10px; *zoom: 1; color:#757575; font-size:13px; border-bottom: 1px solid #ccc;}
.view_list_append .view_list:after {display: block; content: ""; clear: both;}
.view_list_append .view_list strong{float:left; width:110px; text-align:right; font-weight:normal;}
.view_list_append .view_list a{overflow:hidden; display:block; width:550px; padding-left:20px;text-overflow:ellipsis; white-space:nowrap;}
.tab_faq_menu{overflow:hidden; height:43px;}
.tab_faq_menu ul{overflow:hidden;}
.tab_faq_menu li{float:left; width:115px; height:40px; margin-left:8px; text-align:center;}
.tab_faq_menu li:first-child{margin-left:0;}
.tab_faq_menu li a{display:block; height:38px; line-height:38px; font-size:15px; color:#2852ca; border:1px solid #2852ca; border-radius:2px;}
.tab_faq_menu li.selected a{color:#fff; background:#2852ca;}
.tab_faq_menu.tab2 li{width:360px;}

.copyrightAgree{overflow-y:scroll; margin-top:10px; height:585px; background:#f8f8f8; border:1px solid #dcdcdc;}
.copyrightAgree .scroll{padding:0 25px 55px 25px; line-height:1.4; font-size:13px;}
.font-content{}
.font-content h2{margin:50px 0 15px 0; font-size:18px}
.font-content h3{margin:20px 0 15px 0; font-size:13px}
.font-content p{margin:10px 0;}
.font-content ul {margin:10px 0 }
.font-content ul li, .font-content p.p{position:relative; margin:0 0 5px 0;padding-left:20px}
.font-content .box{margin:10px 0;padding:10px 15px;border:1px solid #979797}
.font-content .list{margin-bottom:50px}
.font-content .list li{padding-left:0}
.font-content ul li span.b{position:absolute; top:0; left:0;}
.font-content blockquote{margin:10px 0;padding:10px; color:#fff; background-color:#979797; }
.font-content dt{position:relative; margin:20px 0 10px 0;padding:10px 15px 10px 0;background-color:#979797;}
.font-content dt .num{width:44px;  color:#fff; font-weight:bold;  text-align:center; border-right:1px solid #fff; font-size:28px; text-align:center; }
.font-content dt .tit{padding-left:10px; color:#fff; }
/*대리점*/
.cust_remote h3.custit4{padding-left:55px; background:url(../img/contents/customer_tit04.gif) no-repeat 0 0}
.cust_remote h3.custit4 + p{margin-bottom:70px; font-size:13px;}
.agency_tit{margin-bottom:18px; padding-bottom:5px; font-size:15px; color:#333; font-weight:bold; text-align:left; border-bottom:1px solid #ccc;}
.agency_cont{}
.agency_cont dl{overflow:hidden; margin-bottom:10px}
.agency_cont dt{float:left; margin-right:30px; width:140px;}
.agency_cont dd{float:left; text-align:left; width:480px; font-size:12px;}
.agency_cont dd .neme{font-size:14px; color:#333; font-weight:bold;}
.agency_cont dd .link a{color:#2852c9;}

.cust_tit{padding:12px 0 8px; border-top:2px solid #2852c9;}
.cust_tit h3{padding-left:38px; font-size:22px; color:#2852c9; font-weight:bold;}
.cust_tit h3 span{margin-left:3px; font-size:15px !important; font-weight:normal;}
.cust_tit .icon1{background:url(../img/contents/cust_tit_icon1.gif) no-repeat 0 1px;}

/* 고객지원 서비스 */
.cust_remote{padding:45px 40px; text-align:center; line-height:1.8; font-size:13px; color:#333; border-top:3px solid #2852c9; border-bottom:1px solid #ccc; background:#f9f9f9;}
.cust_remote h3{display:inline-block; padding:0px 0 5px 60px; margin-bottom:18px; text-align:center; font-size:30px; color:#000; font-weight:bold;}
.cust_remote h3.custit1{background:url(../img/contents/customer_tit01.gif) no-repeat 0 0}
.cust_remote h3.custit2{background:url(../img/contents/customer_tit02.gif) no-repeat 0 0}
.cust_remote h3.custit3{padding-left:78px; background:url(../img/contents/customer_tit03.gif) no-repeat 0 0}
.cust_remote .btn{padding:0 60px; margin:0 3px; width:auto;}

.cust_tel_center{overflow:hidden; margin-top:50px; padding:46px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.cust_tel_center .titLink{float:left; width:200px; padding:28px 0 0 20px; font-size:20px; color:#333; font-weight:bold;}
.cust_tel_center .titLink a{display:inline-block; padding-right:15px; margin-top:2px; font-size:12px; color:#333; font-weight:bold; background:url(../img/contents/blit_notice_tit.gif) no-repeat right 1px;}
.cust_tel_center .telList{float:left; width:510px;}
.cust_tel_center .telList ul{overflow:hidden;}
.cust_tel_center .telList li{float:left; padding-left:37px; color:#7893db; background:url(../img/contents/customer_tel.gif) no-repeat 0 0}
.cust_tel_center .telList li.num1{margin-right:20px; padding-right:20px; width:170px; border-right:1px solid #ccc;}
.cust_tel_center .telList li span{font-size:13px;}
.cust_tel_center .telList li p{margin-top:1px; font-size:26px; font-family:'YoonPro780';}
.cust_tel_center .telList .guide_time{margin-top:15px; font-size:15px; color:#474747; font-weight:bold;}
.cust_tel_center .telList .guide_time span{padding-right:22px; margin-right:5px; background:url(../img/contents/blit_time.gif) no-repeat right 0;}
.cust_tel_center .telList .guide_time em{text-decoration:none; font-size:12px; color:#868686; font-weight:normal;}
/* 원격지원 서비스 */
.remote_cont_box{margin:0 auto; width:623px;}
.remote_cont_box .remote_tab ul{overflow:hidden; margin:0 auto; width:620px;}
.remote_cont_box .remote_tab li:first-child{margin-left:0;}
.remote_cont_box .remote_tab li a{display:block; margin:0 !important; padding:0 !important; width:304px; border-radius:0; }
.remote_cont_box .remote_tab li.selected a{color:#fff; background:#2852ca;}
.remote_cont_box .downbtn{margin:0 1px; }
.remote_cont_box .downbtn a{display:inline-block; color:#627fc5; line-height:1.4em;padding:20px 0; width:304px; text-align:center; background:#fff; border:1px solid #ccc;}
.remote_cont_box .downbtn a span{display:inline-block; padding-left:50px; background:url(../img/contents/remote_tab_icon.jpg) no-repeat 0 0;}
.remote_cont_box .tab_contents{clear:both; text-align:left;}
.remote_cont_box dt{margin-top:60px; padding-left:89px; padding-bottom:25px; font-size:18px; color:#2953cb; font-weight:bold; line-height:1.4em;}
.remote_cont_box dt.step1{background:url(../img/contents/remote_step1.jpg) no-repeat 0 2px;}
.remote_cont_box dt.step2{background:url(../img/contents/remote_step2.jpg) no-repeat 0 2px;}
.remote_cont_box dt.step3{background:url(../img/contents/remote_step3.jpg) no-repeat 0 2px;}
.remote_cont_box dt.uninstall{background:url(../img/contents/remote_step4.jpg) no-repeat 0 2px;}
.remote_cont_box dd{padding-left:49px;}
.remote_cont_box dd img{border:1px solid #e3e3e3;}
/* 다운로드 센터 타이틀*/
.font_down_tit{padding:10px 0 0; height:61px; border-top:2px solid #2852c9;}
.font_down_tit h3{padding-left:50px; height:23px; font-size:18px; color:#2852ca;}
.font_down_tit h3.icon1{background:url(../img/contents/down_tit_icon1.gif) no-repeat 0 0;}
.font_down_tit h3.icon2{background:url(../img/contents/down_tit_icon2.gif) no-repeat 0 0;}
.font_down_tit h3.icon3{background:url(../img/contents/down_tit_icon3.gif) no-repeat 0 0;}
/*폰트매니저*/
.font_manager_Warp{padding:25px 20px; text-align:center; font-size:13px; color:#000; line-height:1.5em; background:#f0f3fa;}
#tap_line{height:10px; background:url(/img/contents/fontmanager_line.gif) top repeat-x;}
.os_down_btn{margin:28px 0 28px;}
.os_down_btn a{display:inline-block; margin:0 45px; height:164px; width:164px;}
.os_down_btn a.window{background:url(../img/contents/font_down_btn1.png) no-repeat 0 0;}
.os_down_btn a.mac{background:url(../img/contents/font_down_btn2.png) no-repeat 0 0;}
.os_down_btn a:hover{background-position:0 bottom;}

.manager_guide_btn{overflow:hidden; margin-top:10px; padding:5px 0; color:#000; background:#f0f3fa; height:130px;}
.manager_guide_btn .p{font-size:13px; color:#2852c9; text-align:left; padding-left:10px; background:url(/img/contents/fontmanager_bullet.gif) no-repeat 0 50%;}
.manager_guide_btn .inner{float:left; width:300px;}
.manager_guide_btn .inner.leftLine{ height:130px;}
.manager_guide_btn .inner ul{margin-top:30px; padding-left:70px;}
.manager_guide_btn .inner li{margin-bottom:15px;text-align:left;}
.manager_guide_btn .inner li pt{font-size:15px; color:#2852c9; font-weight:bold;line-height:28px;}
.manager_guide_btn .inner li a{display:inline-block; padding:8px 0 8px 45px; background:url(../img/contents/etc_down_btn.png) no-repeat 0 50%;}
.manager_guide_btn .inner li a:hover{color:#6184e9; background:url(../img/contents/etc_down_btn_on.png) no-repeat 0 50%;}

.f_manager_slide_box{overflow:hidden; margin-left:5px; width:680px; height:453px; margin-top:10px; }
.f_manager_slide_box .p{font-size:13px; color:#2852c9; text-align:left; padding-left:10px; background:url(/img/contents/fontmanager_bullet.gif) no-repeat 0 50%;}
.f_manager_slide_box .bx-wrapper{position:relative; width:680px; height:403px; }
.f_manager_slide_box .bx-viewport{position:absolute !important; top:0; left:0; width:250px !important; height:403px; z-index:100; padding:40px 0px 0px 0px;}
.f_manager_slide_box .bx-controls{overflow:hidden; position:absolute; right:0; top:0; width:405px; height:403px; z-index:999;text-align:right;padding:40px 0px 0px 0px;}
.f_manager_slide_box .bx-controls a{display:inline-block; text-indent:999em;}
.f_manager_slide_box .bx-pager-item{width:405px; height:100px;}
.f_manager_slide_box .bx-pager-item a{display:inline-block; width:405px; height:100px;}
.f_manager_slide_box .bx-pager-item:nth-child(1) a{background:url(../img/contents/font_down_step.gif) no-repeat 0 0;}
.f_manager_slide_box .bx-pager-item:nth-child(2) a{background:url(../img/contents/font_down_step.gif) no-repeat 0 -101px;}
.f_manager_slide_box .bx-pager-item:nth-child(3) a{background:url(../img/contents/font_down_step.gif) no-repeat 0 -202px;}
.f_manager_slide_box .bx-pager-item:nth-child(4) a{background:url(../img/contents/font_down_step.gif) no-repeat 0 -303px;}
.f_manager_slide_box .bx-pager-item:nth-child(1) a.active{background:url(../img/contents/font_down_step.gif) no-repeat right 0;}
.f_manager_slide_box .bx-pager-item:nth-child(2) a.active{background:url(../img/contents/font_down_step.gif) no-repeat right -101px;}
.f_manager_slide_box .bx-pager-item:nth-child(3) a.active{background:url(../img/contents/font_down_step.gif) no-repeat right -202px;}
.f_manager_slide_box .bx-pager-item:nth-child(4) a.active{background:url(../img/contents/font_down_step.gif) no-repeat right -303px;}
.f_manager_slide_box .bx-controls-direction{display:none;}
/*패키지다운로드*/
.package_search_box{position:relative; padding:25px 50px 0; height:37px; background:#2852c9;}
.package_search_box p{color:#fff; font-size:13px;}
.package_search_box .search_input{position:absolute; top:20px; right:50px; width:272px; height:23px; background:url(../img/contents/package_search_input.png) no-repeat 0 0;}
.package_search_box .search_input input{margin:0 10px; width:218px; height:23px; text-align:center; background:transparent;}
.package_search_box .search_input a{display:inline-block; margin-left:5px; height:23px; width:23px;}
.package_guide{padding:9px 35px 0; height:24px; background:#4d8cfe;}
.package_guide p{padding-left:15px; color:#fff; font-size:12px; background:url(../img/contents/package_guide_bg.png) no-repeat 0 0;}
a.package_down{padding:2px 0 2px 22px; font-size:13px; color:#2852c9; background:url(../img/contents/package_down_btn_bg.png) no-repeat 0 1px;}
a.manual_down{padding:2px 0 2px 22px; font-size:13px; color:#999999; background:url(../img/contents/manual_down_btn_bg.gif) no-repeat 0 1px;}
.package_search_nodata{padding:50px; font-size:18px; color:#070707; line-height:1.6em; background:#f5f8ff;}
/* 기타다운로드 */
.font_etcdownWarp{}
.tab_etc_down_menu{overflow:hidden; margin:0 2px;}
.tab_etc_down_menu ul{overflow:hidden;}
.tab_etc_down_menu li{float:left; width:242px; text-align:center;}
.tab_etc_down_menu li a{width:190px; margin:0 auto;}
.tab_etc_down_menu li a{display:block; height:46px; line-height:46px; font-size:15px; color:#2852ca; border:1px solid #2852ca; border-radius:25px;}
.tab_etc_down_menu li.selected a{color:#fff; background:#2852ca;}
.etc_down_box{overflow:hidden; margin-top:20px; padding:30px 0; color:#000; background:#f5f8ff;}
.etc_down_box .inner{float:left; width:364px;}
.etc_down_box .inner.leftLine{border-left:1px solid #ccc; height:540px;}
.etc_down_box .type{padding-top:15px; text-align:center;}
.etc_down_box .inner ul{margin-top:35px; padding-left:30px;}
.etc_down_box .inner li{margin-bottom:15px;}
.etc_down_box .inner li a{display:inline-block; padding:8px 0 8px 45px; background:url(../img/contents/etc_down_btn.png) no-repeat 0 50%;}
.etc_down_box .inner li a:hover{color:#6184e9; background:url(../img/contents/etc_down_btn_on.png) no-repeat 0 50%;}
.etc_down_box.space{padding:50px;}   
.etc_down_box.space p{line-height:1.7em; font-size:12px;}
.etc_down_box.space .down_guide{padding:22px 0 22px; border-bottom:1px solid #cccccc;}
.etc_down_box.space .down_guide span{display:inline-block; padding-left:50px; width:130px;}
.etc_down_box.space .down_guide span.mac85{color:#2852c9; background:url(../img/contents/mac_font_down_btn1.png) no-repeat 0 0;}
.etc_down_box.space .down_guide span.mac81{background:url(../img/contents/mac_font_down_btn2.png) no-repeat 0 0;}
.etc_down_box.space .f_down_menu{overflow:hidden; margin-top:2px;}
.etc_down_box.space .f_down_menu ul{overflow:hidden; margin-left:2px;}
.etc_down_box.space .f_down_menu li{float:left; margin-top:15px; width:158px; text-align:left;}
.etc_down_box.space .f_down_menu li a{padding-left:16px; width:190px; margin:0 auto; font-size:14px; background:url(../img/contents/f_down_menu_bg.gif) no-repeat 0 -27px}
.etc_down_box.space .f_down_menu li.selected a{color:#2852c9; background-position:0 2px;}
.etc_down_box.space .f_down_cont_list ul{overflow:hidden; height:350px;}
.etc_down_box.space .f_down_cont_list li{float:left; margin-top:50px; width:210px; font-size:12px; color:#4b4b4b;}
.etc_down_box.space .f_down_cont_list li span{display:inline-block; margin-left:5px;}
.etc_down_box.space .f_down_cont_list li a{display:inline-block; vertical-align:middle; width:32px; height:32px;}


/* ###### information ############ */
.informationWarp{margin:0 auto; padding:148px 0 160px; width:980px;}
.informationWarp a:hover,
.informationWarp a:focus,
.informationWarp a:active{color:#1245d6;}

.infoMenu{}
.infoMenu ul{overflow:hidden;}
.infoMenu ul li{float:left; width:196px; height:30px; background:url(../img/contents/information/info_menu_bar.gif) no-repeat left 0; text-align:center; font-size:18px; line-height:30px;}
.infoMenu ul li.last{background:url(../img/contents/information/info_menu_bar.gif) no-repeat right 0, url(../img/contents/information/info_menu_bar.gif) no-repeat left 0;}
.infoMenu ul li a{display:inline-block; color:#1b1b1b; font-weight:bold;}
.infoMenu ul li a.now,
.infoMenu ul li a:hover{color:#1245d6;}

.about{padding:70px 90px 0;}
.about .fontLogo{display:block; margin-bottom:43px;}
.about p{margin-bottom:56px; color:#000; line-height:200%;}
.about p.last{margin-bottom:0;}

.sitemap{padding-top:90px;}
.sitemap .sitebox{overflow:hidden; margin-bottom:70px;}
.sitemap .sitebox:last-child{margin-bottom:0;}
.sitemap .sitebox ul.cate_wp{overflow:hidden; float:left; width:180px;}
.sitemap .sitebox ul.cate_wp:first-child{width:178px; padding-left:80px;}
/*.sitemap .sitebox ul.cate_wp:last-child{width:217px; padding-left:48px;}*/
.sitemap ul li a{color:#1b1b1b;}
.sitemap ul li a:hover{color:#1245d6;}
.sitemap ul li a.cateTit{display:block; margin-bottom:25px; font-size:20px; font-weight:bold;}
.sitemap ul li ul li{margin-bottom:14px;}
.sitemap ul li ul li:last-child{margin-bottom:0;}

.indivisual{padding:70px 90px 0;}
.indivisual .indivi_list{margin-bottom:40px; padding-bottom:30px; border-bottom:1px solid #ccc;}
.indivisual .indivi_list ul li{margin-bottom:10px; font-size:13px;}
.indivisual .indivi_list ul li a{color:#000;}
.indivisual .indivi_list ul li:last-child{margin-bottom:0;}
.indivisual .indi_txt{margin-bottom:55px;}
.indivisual .indi_txt:last-child{margin-bottom:0;}
.indivisual .indi_txt .titArea{margin-bottom:30px; color:#1245d6;}
.indivisual .indi_txt .titArea .bigtit{display:block; margin-bottom:25px; font-size:20px; font-weight:bold;}
.indivisual .indi_txt .titArea .subtit{display:block; font-size:16px; line-height:140%;}
.indivisual .indi_txt .textArea{}
.indivisual .indi_txt .textArea .txtbox{display:block; margin-bottom:25px;}
.indivisual .indi_txt .textArea .txt_tit{display:block; margin:8px 0;}
.indivisual .indi_txt .textArea .list{margin-bottom:25px;}
.indivisual .indi_txt .textArea .list li{padding-left:10px; background:url(../img/contents/information/indi_list.gif) no-repeat left 8px;} 
.indivisual .indi_txt .textArea .txt_ex{display:block; padding-left:13px;}

.agreement{padding:70px 90px 0;}
.agreement .agreeBox{overflow-y:scroll; width:758px; height:644px; padding:42px 20px; border:1px solid #ccc; line-height:180%; font-size:13px;}
.agreement .agreeBox .txt_tit{display:block; margin:20px 0; font-size:16px;}
.agreement .agreeBox .txt_tit:first-child{margin-top:0;}
.agreement .agreeBox p{margin-bottom:30px;}
.agreement .agreeBox ol{margin-top:10px;}
.agreement .agreeBox li{margin-bottom:10px;}

.familysite{padding-top:180px;}
.familysite ul{overflow:hidden; margin-bottom:120px;}
.familysite ul li{float:left; text-align:center;}
.familysite ul li a{display:inline-block; width:245px; height:60px;}
.familysite ul li a .hidden{visibility:hidden; font-size:0; text-indent:-9999px;}

/* quick */
.quick_dim {display:none; position:fixed; left:0; top:0; z-index:700; width:100%; height:100%; opacity:0.5; filter:alpha(opacity=50); background-color:#333;}
.quick_wrap {overflow:hidden; *overflow:initial; position:absolute; top:100px; right:-110px; z-index:550; background-color:#fff;}
.quick_wrap ul{width:55px;}
.quick_wrap li{padding:10px 0; text-align:center; border-top:1px solid #cbcbcb;}
.quick_wrap li:first-child{border-top:none;}
.quick_wrap li a{display:block; padding-top:35px; font-size:12px; color:#0143ff;}
.quick_wrap li.btn1 a{background:url(../img/contents/quick_btn_bg01.gif) no-repeat 0 0}
.quick_wrap li.btn2 a{background:url(../img/contents/quick_btn_bg02.gif) no-repeat 0 0}
.quick_wrap li.btn3 a{background:url(../img/contents/quick_btn_bg03.gif) no-repeat 0 0}
.quick_wrap li.btn4 a{background:url(../img/contents/quick_btn_bg04.gif) no-repeat 0 0}
.quick_wrap li.btn5 a{background:url(../img/contents/quick_btn_bg05.gif) no-repeat 0 0}
.quick_wrap li.btn6 a{background:url(../img/contents/quick_btn_bg06.png) no-repeat 0 0}

/*검색*/
.search_result{padding-top:40px; height:60px; background:#a0b0dc;}
.search_result p{font-size:20px; color:#000; text-align:center; font-weight:bold; letter-spacing:2px;}
.search_result p span{color:#fff;}
.searchwWrap{margin:0 auto; padding-bottom:80px; width:980px; min-height:500px;}
.searchwWrap .now{color:#2852c9 !important;}
.searchwWrap .contarea{padding:30px 0 0; border-top:1px solid #cfcfcf;}
.searchwWrap .contarea h3{margin-bottom:30px;}
.searchwWrap .contarea h3 a{font-size:20px; color:#000;}
.searchwWrap .contarea h3 span{margin-left:3px; font-size:15px !important; color:#000;}
.searchwWrap .contarea .result{padding-bottom:35px;}
.searchwWrap .searchMore{text-align:right; padding-bottom:20px;}
.searchwWrap .searchMore a{padding-right:26px; font-size:12px; color:#959595; background:url(../img/contents/search_more_btn.jpg) no-repeat right 2px}
.searchwWrap .keyword{overflow:hidden; padding:25px 0 15px;}
.searchwWrap .keyword dt{float:left; margin-bottom:15px; width:85px; font-size:13px; color:#2852c9; font-weight:bold; background:url(../img/contents/keyword_tit_bg.jpg) no-repeat right 0;}
.searchwWrap .keyword dd{margin-bottom:15px; padding-left:100px; font-size:13px; color:#737373;}
.searchwWrap .keyword dd span{margin-right:8px;}
.searchwWrap .tab_result_menu{overflow:hidden; margin-bottom:30px;}
.searchwWrap .tab_result_menu ul{overflow:hidden;}
.searchwWrap .tab_result_menu li{float:left; width:110px; height:40px; margin-left:8px; text-align:center;}
.searchwWrap .tab_result_menu li:first-child{margin-left:0;}
.searchwWrap .tab_result_menu li a{display:block; height:38px; line-height:38px; font-size:12px; color:#2852ca; border:1px solid #2852ca; border-radius:25px;}
.searchwWrap .tab_result_menu li a:hover,
.searchwWrap .tab_result_menu li.selected a{color:#fff; background:#2852ca;}
.searchwWrap .menuList li{margin-bottom:12px; font-size:13px; color:#000;} 
.searchwWrap .searchList{overflow:hidden;}
.searchwWrap .searchList li{float:left; width:200px; margin-left:40px;}
/*.searchwWrap .searchList li span.type{overflow:hidden; display:block; margin-top:18px; font-size:14px; color:#000;  width:200px; text-overflow:ellipsis; white-space:nowrap; }*/
.searchwWrap .searchList li span.type{overflow:hidden; display:block; margin-top:18px; font-size:14px; color:#000;  width:200px; text-overflow:ellipsis;}
.searchwWrap .searchList li span.sum{overflow:hidden; display:block; margin-top:15px; font-size:13px; color:#898989;width:200px; text-overflow:ellipsis; white-space:nowrap; }
.searchwWrap .searchList.font .img img{width:200px; height:200px;}
.searchwWrap .searchList.thet .img img{width:200px; height:270px;}
.searchwWrap .foreign_library{padding-top:15px; border-top:0px solid #c2c2c2;}
.searchwWrap .foreign_library.clear_list{overflow:hidden;}
.searchwWrap .foreign_library.clear_list li{margin-bottom:20px;}
.searchwWrap .foreign_library.clear_list li a{display:block; padding:10px; border:1px solid #ccc;}
.searchwWrap .foreign_library.clear_list li .txt{display:block; font-size:13px; color:#2852c9;}
.searchwWrap .foreign_library.clear_list li .img{display:block; text-align:center;}

.searchwWrap .category-list-thum{overflow:hidden; margin-top:30px}
.searchwWrap .category-list-thum dt{float:left; width:200px; margin-right:15px;}
.searchwWrap .category-list-thum dt img{width:200px; height:110px;}
.searchwWrap .category-list-thum dd{float:left; width:765px; font-size:13px; color:#515151; line-height:160%;}
.searchwWrap .category-list-thum dd a{display:block; padding-top:5px;}
.searchwWrap .category-list-thum dd strong{display:block; margin-bottom:12px; font-size:15px; color:#262626;}
.searchwWrap .faqList{margin-top:20px;}
.searchwWrap .faqList dt{padding-left:30px; padding-top:2px; background:url(../img/contents/search_q.jpg) no-repeat 0 0;}
.searchwWrap .faqList dt a{font-size:15px; color:#262626;}
.searchwWrap .faqList dd{margin-top:12px; padding-left:30px; padding-top:3px; background:url(../img/contents/search_a.jpg) no-repeat 0 0;}
.searchwWrap .faqList dd a{overflow:hidden;  display:block; font-size:13px; color:#515151; width:950px; text-overflow:ellipsis; white-space:nowrap; }
.searchwWrap .faqList dd p{margin-top:8px; font-size:12px; color:#959595;}
.searchwWrap .noticeList{margin-top:20px;}
.searchwWrap .noticeList dt{}
.searchwWrap .noticeList dt a{font-size:15px; color:#262626;}
.searchwWrap .noticeList dd{margin-top:12px;}
.searchwWrap .noticeList dd .txt{overflow:hidden; display:block; font-size:13px; color:#515151; width:980px; text-overflow:ellipsis; white-space:nowrap; }
.searchwWrap .noticeList dd .date{display:block; margin-top:8px; font-size:12px; color:#959595;}
.searchwWrap .downList{}
.searchwWrap .downList li{margin-top:15px;}
.searchwWrap .downList li a{display:inline-block; padding:9px 0 8px 50px; font-size:15px; color:#262626; background:url(../img/contents/etc_down_btn.png) no-repeat 2px 0;}
.searchwWrap .downList li a:hover{color:#6184e9; background:url(../img/contents/etc_down_btn_on.png) no-repeat 2px 0;}
.searchwWrap .result_nodata{overflow:hidden; margin-top:45px;}
.searchwWrap .result_nodata .txt{float:left; padding-left:130px; width:360px; height:120px;  border-right:3px solid #2852c9;}
.searchwWrap .result_nodata .txt p{padding-top:85px; font-size:20px; color:#2852c9; text-align:center; background:url(../img/contents/result_nodata.gif) no-repeat center 0;}
.searchwWrap .result_nodata .guide{float:left; padding-left:60px; margin-top:15px;}
.searchwWrap .result_nodata .guide li{margin-bottom:10px; font-size:13px; color:#515151;}

/* 20160425 추가 : 회원가입 개인정보 수집이용 안내 변경*/
.member_join_tbl_list{overflow:hidden;}
.member_join_tbl_list table{width:100%; border:1px solid #dcdcdc;margin-bottom:5px;}
.member_join_tbl_list thead th {padding:6px; color:#333;  font-size:12px; text-align:center; font-weight:bold; background:#f0f3fa;border:1px solid #dcdcdc;}
.member_join_tbl_list tbody td {padding:10px 10px; color:#5f5f5f; font-size:12px;border:1px solid #dcdcdc;line-height:18px;}
.member_join_tbl_list tbody td a:hover{color:#000 !important}
.member_join_tbl_list tbody tr:nth-child(even){background:#f8f8f8;}
.member_join_tbl_list tbody tr.on td,
.member_join_tbl_list tbody tr.on td a{color:#2852c9 !important}
.member_join_tbl_list tbody tr.on td a:hover{color:#000 !important}