@charset "utf-8";
@import url("reset.css");
@import url("default.css");

/* login */
.login{position:relative; top:90px; width:430px; margin:0 auto;}
.login_tit{font-size:26px; color:#555; text-align:center; margin-top:90px; margin-bottom:34px}
.logo{display:inline-block; background:url(../../images/com/login_logo.png) no-repeat; vertical-align:bottom; width:144px; height:60px; margin-right:15px; text-indent:-5000px; overflow:hidden;}
.header_tit sub{display:inline-block; background:url(../../images/com/logo_lab.png) 0 -2px no-repeat; width:42px; height:42px; vertical-align:middle; overflow:hidden;}

.login_set{padding:0 0 6px 0}fsts
.login table tr th{width:128px; text-align:left}
.login table tr td{width:300px}
.login table tr td input{width:288px}
.login_link{width:100%; font-size:13px; text-align:center; color:#ccc; margin-top:30px;}
.login_link a{color:#777; text-decoration:none; margin:0 15px}
.login_link a:hover{color:#333}
.login>.btn_close{position:absolute; top:-60px; right:-70px}
.btn_close{display:block; background:url(../../images/com/btn_close.png) right 0 no-repeat; width:30px; height:30px}

.join{position:relative; top:30px; width:600px; margin:0 auto; margin-bottom:120px}
.join_tit{font-size:26px; color:#555; text-align:center; margin-top:80px; margin-bottom:40px}
.join_set {padding:0 0 15px 0}
.join_set table tr th{width:110px}
.join_set table tr td{width:476px}
.join_set table tr td input{width:364px; margin-right:10px}

.mypage{padding:15px 0 36px 0; overflow:hidden;}
.mypage dl dt{float:left; width:267px; height:160px}
.mypage dl dd{float:left; width:*;}
.mypage table{width:600px;}
.mypage table tr th{width:110px}
.mypage table tr td{width:470px}
.mypage table tr td input{width:360px; margin-right:10px}

/*
.profile{position:relative; top:0; left:0; width:160px; height:160px; margin-left:50px;}
.profile span.profile_frame{position:absolute; top:0; left:0; background:url(../../images/com/profile_photo.png) no-repeat; width:160px; height:160px; z-index:100}
.profile span.profile_photo{position:absolute; left:0; top:0; z-index:1;}
.profile span.profile_photo img{width:160px; height:160px}	
.profile span.btn_photo{display:block; position:absolute; right:0; bottom:0; background:url(../../images/com/btn_photo.png) no-repeat; width:50px; height:50px; z-index:1000}
	
*/

/* header */
.header{position:fixed; width:100%; height:81px; background:#fff; border-bottom:1px solid #d9d9d9; z-index:99999}
.header>.inner{position:relative}
.header_tit{position:absolute; left:0; top:22px; font-size:22px; letter-spacing:0.075em; color:#888; width:180px; height:38px}
.header_tit>.logo{background: url(../../images/com/logo2.png) no-repeat; background-size:auto 40px; width:96px; height:40px; vertical-align:middle; margin-right:25px}


.snb{position:absolute; right:0; top:26px; text-align:right; width:180px; height:40px;}
	.btn_login a{float:right;display:block; text-align:center; font-weight:bold; color:#4b8fdb; line-height:30px; text-decoration:none; width:145px; height:30px; border:1px solid #4b8fdb; border-radius:32px}
	.btn_login a:hover{color:#fff; border:1px solid #32a2f5; border-radius:28px; background:#32a2f5}

/*
.snb>.profile{float:right;display:inline-block; position:relative; top:0; left:0; width:38px; height:38px; margin-left:8px}
.snb>.profile span.profile_frame{position:absolute; top:0; left:0; background-size:auto 38px; width:38px; height:38px; z-index:100}
.snb>.profile span.profile_photo{position:absolute; left:0; top:0; z-index:1;}
.snb>.profile span.profile_photo img{width:38px; height:38px}
.profile_name{display:table-cell;font-family:'Noto Sans', sans-serif; font-size:11.5px; font-weight:bold; letter-spacing:-0.01em; vertical-align:middle; width:154px; height:36px;}	
*/
.snb_menu{position:absolute; right:0; top:45px; width:138px; height:auto; border:1px solid #aaa; border-radius:6px; background:#fff; z-index:900}
.snb_menu span.snb_menu_img{position:absolute; top:-9px; right:11px; background:url(../../images/com/snb_menu_img.png) no-repeat; width:15px; height:12px; z-index:910}
.snb_menu ul{padding:0 4px 4px 4px;}
.snb_menu ul li{font-size:12px; line-height:2.5em; text-align:center; width:100%; height:30px; margin-top:4px;}
.snb_menu ul li a{display:inherit; color:#797979}
.snb_menu ul li a:hover{color:#333; background:#eff5f8; border-radius:4px}


.sub_top{width:100%; height:230px; text-align:center}
.sub_c1{background:#ff7e45}/* api 소개 */
.sub_c2{background:#389beb}/* 개발가이드 */
.sub_c3{background:#588cee}/* 애플리케이션  557ef2*/
.sub_c4{background:#ffb140}/* 커뮤니티 f8ad00*/
.sub_top_tit{display:block; font-size:40px; color:#fff; padding-top:62px}
.sub_top_text{font-size:15px; font-weight:normal; padding-top:9px}

/* sub_content */
.content{overflow:hidden}
/* sub_left */
.sub_content{position:relative; top:0; left:0; clear:both; padding-top:82px}
.sub_left{float:left; width:240px; margin-left:0px; padding-top:82px}
.left_nav{width:240px}
.left_nav dt{font-size:22px; font-weight:bold; line-height:48px; color:#000; text-indent:9px; border-bottom:2px solid #000; margin-bottom:12px}
.left_nav dd{font-size:16px; padding:12px 0 4px 9px}
.left_nav dd a{display:inherit; text-decoration:none; color:#666; padding-left:9px}
.left_nav dd a:hover{color:#f58a42}
.left_nav dd.on a,.left_nav dd.on a:hover{font-weight:bold; color:#f58a42}

.left_nav dd.submenu{line-height:46px; background:url(../../images/com/nav_icon_down.png) 220px 16px no-repeat; border-bottom:1px solid #e9e9e9; padding:0 0 0 0}
.left_nav dd.submenu ul{display:none; font-size:14px; letter-spacing:-0.025em; padding-bottom:30px}
.left_nav dd.submenu li a{font-weight:normal; line-height:20px; color:#777; padding: 5px 0 5px 9px}
.left_nav dd.submenu li a:hover{color:#f58a42}
.left_nav dd.submenu li.on a,.left_nav dd.submenu li.on a:hover{color:#f58a42; font-weight:bold}

.left_nav dd.on1{background:url(../../images/com/nav_icon_up.png) 220px 16px no-repeat;}
.left_nav dd.on1 a{font-weight:bold; color:#000;}
.left_nav dd.on1 ul{display:block; /*max-height: 330px; overflow-y: auto*/}

.left_nav dd.on2{background:url(../../images/com/nav_icon_up.png) 220px 16px no-repeat;}
.left_nav dd.on2 a{font-weight:bold; color:#000;}
.left_nav dd.on2 ul{display:block; max-height: 330px; overflow-y: auto}

.release_list{}
.release_list ul.list_menu li{display: block; font-size:15px; color:#666; padding:6px 0 6px 20px}
.release_list ul.list_menu li a{color:#666}
.release_list ul.list_menu li.on a,.release_list ul.list_menu li.on a:hover{font-weight: bold; color:#333}
.release_list ul.list_menu li.release{background: url(../../images/com/nav_icon_release.png) 8px 16px no-repeat; border-bottom: 1px solid #f8ad2e}
.release_list ul.list_menu li.sustain{background: url(../../images/com/nav_icon_sustain.png) 8px 16px no-repeat; border-bottom: 1px solid #e9e9e9}
.release_list ul.list_menu li.frozen{background: url(../../images/com/nav_icon_frozen.png) 8px 16px no-repeat}
.release_list ul.list_menu li sub.icon_new{display: inline-block; width:32px; height:18px; background: url(../../images/com/nav_icon_new.png) no-repeat; margin-left:10px; vertical-align: text-top}
.release_list ul.list_menu li ul.list_sub{display: none}
.release_list ul.list_menu li.on ul.list_sub{display: block; max-height: 320px; margin-top:5px; overflow: auto}
.release_list ul.list_menu li ul.list_sub li{font-size: 13px; padding:0 0 0 0}
.release_list ul.list_menu li ul.list_sub li a{font-weight: normal; color: #666; padding: 3px 0 6px 8px}
.release_list ul.list_menu li ul.list_sub li a:hover{font-weight: normal; color: #f58a42}
.release_list ul.list_menu li ul.list_sub li.on a{font-weight: bold; color: #f58a42}

.ver_r{background: #faac30}
.ver_s{background: #d1c1aa}
.ver_f{background: #d9d9d9}

.ver_r,
.ver_s,
.ver_f{display: inline-block; height: 18px; font-size:10px; color: #fff; letter-spacing: 0em; line-height: 18px; vertical-align: middle; margin-left:10px; padding:0 6px; border-radius: 2px}

/* sub_right */
.sub_right{float:right; width:888px;}
.right_con{position:relative; padding-bottom:200px;}

/* right_con */
.right_con h2{font-size:22px; font-weight:300; line-height:48px; color:#000; border-bottom:2px solid #000; margin-bottom:15px;padding-top:82px}
.right_con h2 sub{display:inline-block; font-size:11px; color:#ccc; margin:0 15px; vertical-align:middle;}
.right_con h2>.lv_basic,.right_con h2>.lv_standard,.right_con h2>.lv_advanced,.right_con h2>.lv_premium{
	height:22px; font-size:12px; line-height:1.8em; color:#fff; text-align:center;
	border-radius:22px; padding:0 15px; margin:0 0 4px 12px; vertical-align:middle}
.right_con h3{font-size:17px; color:#000; padding-bottom:16px; padding-top:10px;}
.right_con h4{font-size:15px; color:#000; padding-bottom:16px; padding-top:10px;}
.right_con p{line-height:1.75em}
	.code_box{display:block; min-height:140px; background:#0d3952; color:#fff; padding:10px 20px;margin-bottom:15px}
	.map_box{display:block; height:320px; background:#CCC;margin-bottom:15px}
	


/* tab */
/*.tab_style{position:absolute; top:15px; left:0;  width:100%;}
.tab_style ul{width:auto; height:40px; border:1px solid #dcdcdc; border-bottom:none; border-radius:6px 6px 0 0; background:#f7f7f7;overflow:hidden}
.tab_style ul li{float:left; display:block;font-size:13px;font-weight:bold; line-height:42px; text-align:center; width:33.2%; height:39px;border-left:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc;}
.tab_style ul li.first{border-left:none}
.tab_style ul li.on{font-weight:bold; width:33.3%; height:40px; background:#fff; border-bottom:3px solid #fff;}
.tab_style ul li a{display:inherit; color:#888}
.tab_style ul li.on a{color:#000} 2017.10.11 backup*/

.tab_style{position:absolute; top:70px; right:-128px; width:102px}
.tab_style ul{position:fixed; width: 102px}
.tab_style ul li{display:block; width:102px; height: 102px; margin-bottom: 9px; text-indent: -5000px; overflow: hidden}
.tab_style ul li a{display: inherit; height: 100%}
.tab_style ul li.menu_web{background: url(../../images/guide/menu_web.png) no-repeat}
.tab_style ul li.menu_android{background: url(../../images/guide/menu_android.png) no-repeat}
.tab_style ul li.menu_ios{background: url(../../images/guide/menu_ios.png) no-repeat}

.tab_style ul li.menu_web.on{background: url(../../images/guide/menu_web_on.png) no-repeat}
.tab_style ul li.menu_android.on{background: url(../../images/guide/menu_android_on.png) no-repeat}
.tab_style ul li.menu_ios.on{background: url(../../images/guide/menu_ios_on.png) no-repeat}

.tab_style1{padding-bottom:18px}
.tab_style1 ul{width:auto; height:42px; border:1px solid #dcdcdc; border-bottom:none; border-radius:6px 6px 0 0; background:#fff}
.tab_style1 ul li{float:left; display:block;font-size:15px; line-height:2.75em;  text-align:center; width:25%; height:41px; border-bottom:1px solid #dcdcdc}
.tab_style1 ul li.on{font-weight:bold; height:39px; border-bottom:3px solid #555}
.tab_style1 ul li a{display:inherit; color:#888}
.tab_style1 ul li.on a{color:#000}

.tab_style2{}
.tab_style2 ul{display:inline-block; width:100%; height:38px; background:#f5f6f8; border-bottom:1px solid #ddd }
.tab_style2 ul li{display:block; float:left; font-size:13px; text-align:center; line-height:2.9em; width:145px; height:38px; }
.tab_style2 ul li.on.first{border-left:none;}
.tab_style2 ul li.on{font-weight:bold; height:38px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #fff; background:#fff}
.tab_style2 ul li a{display:inherit; color:#888}
.tab_style2 ul li.on a{color:#000}


/* 애플리케이션 등록 */
.table_style1{padding:4px 0 0 0}
.table_style1 table{width:100%; border-collapse:collapse; }
.table_style1 table tr th{font-size:15px; font-weight:normal;text-align:left;width:150px; height:52px; padding:7px 20px 0 0; vertical-align:top;}
.table_style1 table tr th.t_right{text-align:right}
.table_style1 table tr td{vertical-align:top;  padding-bottom:14px;}
.table_style1 table tr td.text{padding:9px 0 0 0;}

.table_style1 dl dt{float:left; width:150px;}
.table_style1 dl dd{float:left;}

.lv_basic{display:inline-block; height:30px; background:#aaa; font-size:15px; font-weight:bold; line-height:1.9em; color:#fff; text-align:center; border-radius:30px; padding:0 24px; margin-top:3px}/* 레벨 */
.lv_standard{display:inline-block; height:30px; background:#76c96f; font-size:15px; font-weight:bold; line-height:1.9em; color:#fff; text-align:center; border-radius:30px;padding:0 24px; margin-top:3px}
.lv_advanced{display:inline-block; height:30px; background:#f6af43; font-size:15px; font-weight:bold; line-height:1.9em; color:#fff; text-align:center; border-radius:30px;padding:0 24px; margin-top:3px}
.lv_premium{display:inline-block; height:30px; background:#ff7944; font-size:15px; font-weight:bold; line-height:1.9em; color:#fff; text-align:center; border-radius:30px;padding:0 24px; margin-top:3px}

.icon_time{display:inline-block; background:url(../../images/com/icon_time.png) center no-repeat; width:30px; height:30px; margin-right:10px; vertical-align:middle}
.icon_up{display:inline-block; background:url(../../images/com/table_icon_up.png) center no-repeat; width:20px; height:20px; margin:0 6px; vertical-align:middle}
.icon_down{display:inline-block; background:url(../../images/com/table_icon_down.png) center no-repeat; width:20px; height:20px; margin:0 6px; vertical-align:middle}

/* 통계 */
.stats_graph{margin:15px 0 30px 0; border:1px solid #ddd; border-radius:3px}
.stats_graph_box{width:100%; height:250px;margin:6px 15px}

/* article 문서 양식 */
.article_style1{display:table; width:100%;}
.article_style1 span.tit{display:table-cell; width:150px}
.article_style1 span.text{display:table-cell; width:auto}
	div.g{display:block; padding:15px 0 18px 0}
	div.line{border-bottom:1px solid #e9e9e9;}
.date{position:relative; background:#FFF url(../../images/com/../../images/com/icon_select.png) right 10px center no-repeat;
	width:260px;
	height: 38px;
	font-size:14px;
	line-height:2.8em;
	text-indent:15px;
	border:1px solid #d6d6d6;
	border-radius:3px; z-index:1000}
.date_choice{font-weight:bold}
.date_list{position:absolute; top:39px; left:-1px; font-size:13px; line-height:2em; z-index:100}
.date_list ul{display:block; width:260px; border:1px solid #d6d6d6; border-radius:3px; background:#fff}
.date_list ul li{border-bottom:1px solid #d6d6d6; padding:3px 0;}
.date_list ul li a{display:inherit}
	.cal_tit{font-weight:bold;}
	.cal_box{ padding-top:2px; padding-bottom:8px}
	.cal_input{
	display:inline-block; 
	width:107px; height:32px; 
	font-size:13px; text-align:left; line-height:2.5em; 
	background:url(../../images/com/../../images/com/icon_cal.png) right 5px center no-repeat;
	border:1px solid #d6d6d6;border-radius:3px;text-indent:4px; overflow:hidden}
	.cal_input a{width:100%;}

.date_list ul li.bg1{color:#aaa; background:#e9e9e9}
.date_list ul li.bg1 a{color:#aaa; cursor:default}



/* 블랙, 정보 테이블 */
.table_style2{padding:0 0 20px 0}
.table_style2 table{font-size:13px; width:100%; border-collapse:collapse; text-align:center; vertical-align:middle; border:1px solid #dcdcdc;}
.table_style2 table.out{width:100%; border-collapse:collapse; text-align:center; vertical-align:middle; border:none;}
.table_style2 table tr th{color:#fff; background:#555555; padding:10px 10px 12px 10px}
.table_style2 table tr td{border-bottom:1px solid #dcdcdc; padding:12px 10px 12px 10px}

.table_style2_line{padding:0 0 20px 0}
.table_style2_line table{font-size:13px; width:100%; border-collapse:collapse; text-align:center; vertical-align:middle; border:1px solid #dcdcdc;}
.table_style2_line table tr th{color:#fff; background:#f7f7f7; padding:10px 10px 12px 10px}
.table_style2_line table tr td{border:1px solid #dcdcdc; padding:12px 10px 12px 10px}

.article>.table_style2{padding:0 0 20px 0}
.article>.table_style2 table{width:100%; border-collapse:collapse; text-align:center; vertical-align:middle; border:1px solid #dcdcdc;}
.article>.table_style2 table tr th{font-size:13px; text-align:center; width:auto; border:0;color:#fff; background:#555555; padding:10px;}
.article>.table_style2 table tr td{font-size:13px; text-align:center; width:auto; height:auto; border-bottom:1px solid #dcdcdc; padding:10px; border-left:none; border-right:none;}


/* 게시판 */
.board{position:relative;}
	.b_noti{background:#fffeed}
.board table tr.b_noti td.b_num{font-size:12px;font-weight:bold; color:#ff4f01}
.board table tr.b_noti td.b_subject{font-weight:bold; color:#000}
.board table td.b_num{font-size:11px; font-weight:normal; color:#888}
.board table td.b_subject{text-align:left;}
.board table td.b_date{font-size:11px; font-weight:normal; color:#888}
.board table td.b_view{font-size:11px; font-weight:normal; color:#888}
.board table td.b_user{text-align:left;}
.board table td.b_user>.profile span.profile_id{font-size:11px;}
.board table td span.b_rnum{font-size:11px; color:#2a9ff6; letter-spacing:-0.02em; vertical-align:text-top; padding-left:2px}
	.bin_page{min-height:200px; text-align:center; padding-top:160px}
	
.board table{width:100%; border-collapse:collapse;font-size:12px;text-align:center; vertical-align:middle;padding:0 0 0 0; border:0;}
.board table tr th{font-size:13px;color:#fff; background:#555; padding:10px 10px 12px 10px}
.board table tr td{font-size:14px;border-bottom:1px solid #dcdcdc; padding:10px 0;letter-spacing:0em;color:#555}
.board table tr td.out{border-bottom:0;}
.board table tr td textarea{width:866px; height:380px}

.board_btn{font-size:14px; text-align:center; padding:25px 0 30px 0; overflow:hidden}
.board_btn a{display:inline-block; width:120px; height:42px; color:#888; border:1px solid #d6d6d6;line-height:42px; text-align:center; border-radius:3px;margin:0 8px}
.board_btn a.on{background:#555; border:1px solid #555; color:#fff}

a.btn_write{position:absolute; top:-63px; right:0; display:block; background:url(../../images/board/btn_write.png) 0 center no-repeat; width:80px; height:22px;padding:12px; text-indent:-5000px; overflow:hidden}
a.btn_list{float:left; background:url(../../images/board/btn_list.png) 0 center no-repeat; width:80px; height:22px; border:0; padding:12px 0; margin:0 0 0 0; text-indent:-5000px; overflow:hidden}
a.btn_def{border:1px solid #d6d6d6; font-weight:normal; line-height:42px; text-align:center; border-radius:3px; width:auto; padding:0 28px; margin:0 0 0 0;}

.forum_q1{display:block; background:url(../../images/board/icon_cg.png) 0 0 scroll no-repeat; width:64px; height:22px; text-indent:-5000px; overflow:hidden}/* 일반 */
.forum_q2{display:block; background:url(../../images/board/icon_cg.png) 0 -22px scroll no-repeat; width:64px; height:22px; text-indent:-5000px; overflow:hidden}/* web */
.forum_q3{display:block; background:url(../../images/board/icon_cg.png) 0 -44px scroll no-repeat; width:64px; height:22px; text-indent:-5000px; overflow:hidden}/* ios */
.forum_q4{display:block; background:url(../../images/board/icon_cg.png) 0 -66px scroll no-repeat; width:64px; height:22px; text-indent:-5000px; overflow:hidden}/* android */
.forum_q5{display:block; background:url(../../images/board/icon_cg.png) 0 -88px scroll no-repeat; width:64px; height:22px; text-indent:-5000px; overflow:hidden}/* server */

.profile{position:relative; display:table; width:100%; vertical-align:middle; /*overflow:hidden*/}
.profile_l{position:relative; padding-left:50px}
.profile_l span.photo_l{display:table-cell; width:160px;}
.profile span.photo_m{display:table-cell; width:38px;}
.profile span.photo_s{display:table-cell; width:32px;}

.profile_l span.photo_l img{width:160px; height:160px; border-radius:160px}
.profile span.photo_m img{width:38px; height:38px; border-radius:38px}
.profile span.photo_s img{width:32px; height:32px; border-radius:32px;}
.profile span.profile_id{display:table-cell; font-family:'Noto Sans', sans-serif; font-size:13px; font-weight:bold; line-height:1.2em; letter-spacing:-0.025em; color:#555;  padding:0 7px; width:auto; vertical-align:middle}
.profile_l a.btn_photo{display:block; position:absolute; left:170px; bottom:0px; background:url(../../images/com/btn_photo.png) no-repeat; width:50px; height:50px; text-indent:-5000px; overflow:hidden; z-index:1000}

.paging{text-align:center; background:#fff; padding:40px 0}
.paging a{display:inline-block; font-size:11px; line-height:2.8em; color:#888; min-width:21px; height:28px; text-align:center; border:1px solid #dcdcdc; padding:0 3px; margin:0 0.5px; vertical-align:middle; }
.paging a.on{background:#aaa; border:1px solid #aaa; color:#fff; font-weight:bold}
.paging a.btn_f1{ background:url(../../images/board/icon_paging.png) center -28px scroll no-repeat; width:28px; padding:0 0; background-color:#f8f8f8}
.paging a.btn_f2{ background:url(../../images/board/icon_paging.png) center 0px scroll no-repeat; width:28px; padding:0 0; background-color:#f8f8f8}
.paging a.btn_l2{ background:url(../../images/board/icon_paging.png) center -56px scroll no-repeat; width:28px; padding:0 0; background-color:#f8f8f8}
.paging a.btn_l1{ background:url(../../images/board/icon_paging.png) center -84px scroll no-repeat; width:28px; padding:0 0; background-color:#f8f8f8}

.board_search{text-align:center; background:#f4f6f7; padding:20px 0;}
.board_search input[type=text]{height:34px; border-radius:0}
.board_search select{ height:36px; border-radius:0}
.board_search span.area{display:inline-block; margin:0 2px}
.board_search span.btn_search a{display:inline-block; width:130px; height:36px; color:#fff; text-align:center; background:#555; margin:0 0 0 2px;line-height:2.4em;}

.board_title{text-align:left; border-bottom:1px solid #dcdcdc; overflow:hidden}
.board_title span.t1{display:block; width:100%; padding:6px 0 16px 0; clear:both; overflow:hidden}
.board_title span.t1 span.t1_tit{float:left; font-size:16px; font-weight:bold; color:#333; width:820px}
.board_title span.t1 span.t1_type{float:right}

.board_title span.t2{display:block; font-size:11px; color:#666; width:100%; padding-bottom:15px;overflow:hidden}
.board_title span.t2 span.t2_view{float:left}
.board_title span.t2 span.t2_date{float:right}

.board_note{min-height:100px; padding:20px 0}
.board_note p,.board_note pre{font-size:14px;}

.board_reply{ border:1px solid #d6d6d6}
.board_reply dl dt{font-size:12px;font-weight:bold; background:#f9f9f9; border-bottom:1px solid #d6d6d6; padding:8px 20px}
.board_reply ul{padding-top:15px}
.board_reply ul li{position:relative; min-height:74px;border-top:1px dashed #e5e5e5; padding:10px 0}
.board_reply ul li.first{border:none}
.board_reply dl dd{padding:0 20px}

	.reply_note{position:relative; padding:14px 0 10px 0; clear:both}
	.reply_note p,.reply_note pre{font-size:13px;}
	.reply_note span.reply_box{display:inline-block; width:724px}
	.reply_note span.reply_box textarea{width:100%; height:52px; border-radius:0; background:#f9f9f9; resize: none; overflow-x: hidden}
	.reply_note span.btn_reply_box{float:right;display:inline-block; margin-left:8px}
	.reply_note span.btn_reply_box a{display:block; font-size:14px; font-weight:bold; line-height:74px; background:#555; text-align:center; color:#fff; line-height:; width:90px; height:74px;}
	
.btn_smenu{position:absolute; right:0; top:15px; color:#ddd}
.btn_smenu a{display:inline-block; padding:0 10px 6px 10px; font-size:12px; color:#666}
.btn_smenu a:hover{font-weight:bold;color:#333}
.btn_smenu textarea{}

/* FAQ */
.faq{}
.faq ul{padding-top:10px}
.faq ul li{background:url(../../images/board/faq_q.png) no-repeat; padding:0 0 50px 24px}
	.faq_tit{display:block; font-size:22px; color:#f3a900; padding-bottom:10px;}
	.faq_note{display:block; font-size:14.5px; letter-spacing:0em; line-height:1.65em}
.faq a{color:#2a9ff6}
.faq a:hover{text-decoration:underline}

/* 기본, 로그인  구
.td{width:100%; border-collapse:collapse; text-align:left}
.td table tr th{font-size:15px; font-weight:normal; text-align:left; vertical-align:top; padding:9px 20px 0 0}
.td table tr td{font-size:14px; height:38px; padding-bottom:14px; vertical-align:middle; }
*/

/* 기본, 로그인 */
.table_style3{width:100%; border-collapse:collapse; text-align:left}
.table_style3 table tr th{font-size:15px; font-weight:normal; text-align:left; vertical-align:top; padding:9px 20px 0 0}
.table_style3 table tr td{font-size:14px; height:38px; padding-bottom:14px; vertical-align:middle; }

/* 개발가이드, 콘솔 5블럭으로 나눔 */
.article{font-size:15px; margin-bottom:60px;}
.article a{color:#2a9ff6;text-decoration:underline}
.article a:hover{font-weight:bold}
.article strong{color:#333}
	
.article table{width:100%; border-collapse:collapse; text-align:left; vertical-align:middle; border:1px solid #dcdcdc;}
.article table tr th{font-size:14px; font-weight:bold; text-align:left; width:168px; padding:0 0 0 20px; border:1px solid #dcdcdc;}
.article table tr td{font-size:14px; width:168px; height:38px; vertical-align:middle; border:1px solid #dcdcdc; padding:8px 10px 8px 10px;}
.article table tr td input{width:158px; background:#f0f9ff; color:#000}

.article table tr td.c2{width:336px}/* colspan */
.article table tr td.c2 input{width:316px}
.article table tr td.c3{width:504px}
.article table tr td.c3 input{width:484px}
.article table tr td.c4{width:672px}
.article table tr td.c4 input{width:672px}

.article_btn{padding:12px 0}
.article_btn a,.article_btn a:hover{border:1px solid #d6d6d6; font-weight:normal; line-height:36px; text-align:center; border-radius:3px; width:auto; padding:0 28px; margin:0 0 0 0; color:#888; text-decoration:none; cursor:default}
.article_btn a.on{background:#299ff6;border:1px solid #299ff6; color:#fff;cursor:pointer}

.response_box{display:block; width:846px; min-height:140px;  background:#0d3952; color:#fff; padding:10px 20px;margin-bottom:15px}

.input_block{}
.input_block label{float:left; font-size:15px; padding:9px 20px 0 0}
.input_block input{width:;margin-right:10px}

.pw_block{width:490px; margin:0 auto;}
.pw_block>.check_list_row{width:310px; margin:0 auto}

/* platform */
.platform{background:#f4f6f7; padding-bottom:10px; margin-top:10px;/* margin-right:22px*/;padding-top:4px}
.platform table{width:100%; border-collapse:collapse; border:0}
.platform table tr th{width:114px; height:24px; font-size:15px; line-height:1.25em; font-weight:bold; padding:10px 20px 0 18px}
.platform table tr td{width:584px; font-size:14px; padding:10px 0 0 0;}
.platform table tr td.text{padding:10px 0 0 0;}
.platform table tr td ul li{padding-bottom:10px}
.platform table tr td ul li input{width:520px; height:34px}
	.input_box{position:relative; z-index:1;}
	.btn_text_del{position:absolute; top:0; right:4px; display:block; background:url(../../images/com/btn_text_del.png) center 3px no-repeat; width:28px; height:28px; z-index:10;}
.platform table tr td ul li a.icon_del{display:inline-block; background:url(../../images/com/icon_del.png) center no-repeat; width:34px; height:34px; vertical-align:middle; margin-left:10px}

.bottom_line{border-bottom:1px solid #e9e9e9; margin-top:20px; margin-bottom:30px}

/* 약관 */
.terms{
	font-size:12px;
    border: 1px solid #dcdcdc;
	border-radius:3px;
    height: 110px;
    line-height: 18px;
    margin: 10px 0 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 20px;
	background:#f9f9f9;
	/*margin-right:20px*/
}
.terms>.article{margin-bottom:10px}
.terms>.article>.terms_text{font-size:12px;}
.terms>.article>.terms_text h3{font-size:12px; padding:0 0 8px 0}
.terms>.article>.terms_text p{font-size:12px; padding-bottom:20px}
/* alt 확인창 */
.msg{position:fixed; width:100%; height:100%; z-index:999999}/* 메세지, 확인창 */
.msg_box{display:block; width:410px; padding:35px 30px 30px 30px; background:#fff; border:1px solid #aaa; margin:0 auto; }
.msg_box p{font-size:15px; text-align:center;}
.msg_box span.btn{display:block; padding:22px 0 0 0; text-align:center;}
.msg_box span.btn a{width:90px; margin:0 8px}

.msg_box>.input_block{width:320px; margin:0 auto; padding:14px 0 4px 0;}
.msg_box>.input_block label{float:left; font-size:15px; width:110px; padding:9px 0 0 0; text-align:left;}
.msg_box>.input_block input{margin-right:0}

/* btn */
.btn_bottom{text-align:center;}
.btn_bottom a{display:inline-block; font-size:17px; line-height:54px; text-decoration:none; width:206px; height:54px;  color:#fff; border-radius:3px; background:#bac7d6; margin:0 8px}
.btn_bottom a.on{background:#299ff6;}
.btn_bottom a.on1{background:#ff8f3c/*299ff6*/;}

.btn_bottom.sm a{width:142px;}


.btn_full{display:inline-block; width:100%; font-size:17px; line-height:54px; text-align:center; text-decoration:none; height:54px; color:#fff; border-radius:3px }
.btn_l{display:inline-block; font-size:17px; line-height:54px; text-align:center;text-decoration:none; width:206px; height:54px; color:#fff; border-radius:3px }
.btn_m{display:inline-block; font-size:15px; line-height:40px; text-align:center; text-decoration:none; height:40px; color:#fff; vertical-align:middle; padding:0 20px; border-radius:3px}
.btn_s{display:inline-block; font-size:14px; line-height:40px; text-align:center; text-decoration:none; width:84px; height:40px; color:#fff; vertical-align:middle; border-radius:3px}

.btn_d1{background:#bac7d6}/* 취소버튼 */
.btn_d2{background:#299ff6}/* 등록버튼 */
.btn_d3{background:#0e62c2}/* 사용가능 버튼 */
.btn_d4{background:#f2685e}/* 경고버튼 */

.btn_default a,.btn_default a:hover{font-size:14px; font-weight:normal; text-decoration:none; text-align:center; color:#fff; background:#299ff6; padding:10px 20px; border-radius:3px}
/* common */
.tt{border:1px solid red}
.none,.disNone{display:none}

.bl{display:block;}
.fl{float:left}
.fr{float:right}

.inner{width:1168px; margin:0 auto}

.link1{color:#2a9ff6}

.t_bold{font-weight:bold}
.t_left{text-align:left}
.t_right{text-align:right}
.t_center{text-align:center}

.m_center{margin:0 auto}

.text_warning{color:#ff6d5e}/* 인풋 경고 */
.text_success{color:#0e62c2;}/* 성공 */
.text_ing{color:#2a9ff6}/* 진행중 */
.text_danger{color:#ff2828}/* 위험,초과 */
.text_care{color:#ec9000}/* 주의 */
.text_info{color:#56bc4e}/* 정보 */

.text_sky{color:#2a9ff6}
.text_org{color:#f57a1f}


.text_l{font-size:15px; font-weight:normal;}
.text_m{font-size:13px; font-weight:normal;}
.text_s{font-size:12px; font-weight:normal;}
.text_xs{font-size:11px; font-weight:normal;}

.check_list_col{padding:10px 0}
.check_list_col input[type="checkbox"] + label,.check_list_col input[type="radio"] + label{width:101px; margin-right:20px}
.check_list_row{padding:10px 0 0 0}
.check_list_row input[type="checkbox"] + label{display:block; width:100%; margin-top:10px  }

.check_all{display:inline-block; font-weight:bold; width:376px; height:38px; background:#f5f6f8; }

.bg_gray{background:#f5f6f8}/* 투명한 회색 */

/* input 넓이 */
.lg{width:684px}
.lm{width:260px}
.ms{width:195px}
.ss{width:150px}
.xs{width:100px}

.select_lm{width:270px}
.select_ms{width:182px}
.select_ss{width:150px}

/* padding, margin */
.fst{padding-top:14px}
.fsts{padding-top:6px}
.mid{padding-bottom:20px}/* 문단 중간 */
.lst{padding-bottom:30px}/* 문단 마지막 */

.mt{margin-top:14px}
.ml{margin-left:10px}
.mb{margin-bottom:14px}
.mr{margin-right:10px}
.pr{padding-right:10px}

/* input, checkbox, select */
input[type=text],
input[type=email],
input[type=password]{
	height: 38px;
	font-size:14px;
	line-height:noraml;
	border:1px solid #d6d6d6;
	border-radius:3px;
	padding-left:10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}
input:focus {border:1px solid #629cff;}
input:disabled {background:#fff; border:0}
input.warning{border:1px solid #f2685e;}

input[type=text]::-ms-clear{display: none;} 

input[type=checkbox],input[type=radio]{
	display:none
}
input[type=checkbox] + label{
	background:url(../../images/com/img_check.png) 0 0 scroll no-repeat;
	font-size:13px; height:20px;
	display:inline-block;
	cursor:pointer;
	vertical-align:middle;
	padding-left:30px;
}
input[type=checkbox]:checked + label{
	background:url(../../images/com/img_check.png) 0 -22px scroll no-repeat;
	height:20px;
}
input[type=radio] + label{
	background:url(../../images/com/img_radio.png) 0 0 scroll no-repeat;
	font-size:13px; height:20px;
	display:inline-block;
	cursor:pointer;
	vertical-align:middle;
	padding-left:30px;
}
input[type=radio]:checked + label{
	background:url(../../images/com/img_radio.png) 0 -22px scroll no-repeat;
	height:20px;
}
textarea{
	font-size:13px;
	padding:10px;	
	line-height:noraml;
	border:1px solid #d6d6d6;
	border-radius:3px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
select{
	background:#FFF url(../../images/com/../../images/com/icon_select.png) right 10px center no-repeat ;
	width:100%;
	height: 40px;
	font-size:14px;
	line-height:noraml;
	padding-left:10px;
	border:1px solid #d6d6d6;
	border-radius:3px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;	  
}
select::-ms-expand {display: none}/* ie 10,11 네이티브 화살표 숨기기 */


/* footer */
.footer{position:fixed; bottom:0; width:100%; height:45px; background:#fff; border-top:1px solid #f5f5f5; clear:both;}
.footer_tit{float:left; width:80px; height:30px; margin-top:10px; margin-left:20px;}
.footer_logo{display:block; background:url(../../images/com/footer_logo.png) no-repeat; background-size:58px 22px; width:58px; height:22px; text-indent:-5000px; overflow:hidden;}
.footer_snb ul{padding-top:12px;}
.footer_snb li a{float:left; font-size:11px; color:#adadad; text-decoration:none;; padding:0 18px}
.footer_snb li a:hover{color:#555}
.copyright{float:right; font-size:10px; color:#888; letter-spacing:0.06em; margin-right:20px}

/* popup */
.popup{position:absolute; top:98px; width:100%; z-index:10000}
.popup_box{width:538px; height:285px; background:#fff; border:1px solid #999; padding:56px 26px 0px 36px; margin:0 auto}
.popup_box>.article{width:528px; height:240px;font-size:13px; text-align:justify; overflow-y:auto; padding:0 15px 8px 0}
.popup_box>.article h2{font-size:22px; font-weight:300; line-height:30px; color:#000; border-bottom:2px solid #000; margin-bottom:14px; padding-bottom:8px}
.popup_box>.article h3{color:#000; padding-bottom:8px}
.popup_box>.article p{padding-bottom:30px}
.popup_box>.article p span.title{display:block; font-size:13px; font-weight:bold; color:#000; padding-bottom:6px}
.popup span.btn_close{position:absolute; right:20px; top:16px;}

.popup_title{position:absolute; top:19px; left:26px; font-size:17px; font-weight:bold; color:#333}

.popup_table{position:relative; width:680px; height:615px; background:#fff; border:1px solid #999; padding:56px 26px 0px 26px; margin:0 auto}
.popup_table>.table_style2_line{padding:0 0 20px 0}
.popup_table>.table_style2_line table{font-size:13px; width:100%; border-collapse:collapse; text-align:left; vertical-align:middle; border:1px solid #dcdcdc;}
.popup_table>.table_style2_line table tr th{font-size:13px; color:#555; background:#fff; border:1px solid #dcdcdc; width:160px; padding:0 0 0 20px}
.popup_table>.table_style2_line table tr td{font-size:13px;height:36px;border:1px solid #dcdcdc; padding:5px 0 5px 12px}
.popup_table>.table_style2_line table tr td span.cal_input{width:120px; text-indent:10px; vertical-align:middle}
.popup_table>.table_style2_line table tr td textarea{width:452px; height:90px}

.terms_text{}
.terms_text p{padding-bottom:40px;}
.terms_text span.title{display:block; font-weight:bold; color:#000; padding-bottom:5px}

.terms_table{margin-top:-30px}
.terms_table table tr th{text-align:center; font-size:13px; padding:10px 5px; }
.terms_table table tr td{text-align:center; font-size:13px; padding:3px;}
.terms_table span.table_info{display:block; font-size:12px; padding:10px 0}

.main_area{text-align:center; padding:40px 0 150px 0}
.main_area p.main_title{font-family:'Noto Sans', sans-serif; font-size:64px; font-weight:bold; letter-spacing:0.03em; text-align:center; color:#666; padding:0 0 24px 0}
.main_area p{font-size:18px; letter-spacing:0.015em}


/* odsay 활용사례 */
/* section3 */
.popup_area{position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999}
.popup_dark{position:fixed; top:0; left:0; background:#000; opacity:0.275; width:100%; height:100%; z-index:1}
.section3{width:100%; margin:0 auto; }
	.service{/*position:absolute; top:234px; left:4px; width:1106px;*/}
	.service ul{display:block; margin:0; width:100%; overflow:hidden;}
	.service ul li{float:left; display:block; padding:20px 25px 20px 20px; height:360px; text-align:center; font-size:14px;letter-spacing:-0.025em; color:#777;font-weight:bold;}
	.service ul li a span.service1{display:block;background:url(../../images/main/section3_img1.png) no-repeat; width:248px; height:248px; padding-bottom:10px;}
	.service ul li a:hover span.service1{display:block;background:url(../../images/main/section3_img1_on.png) no-repeat;}
	.service ul li a span.service2{display:block;background:url(../../images/main/section3_img2.png) no-repeat; width:248px; height:248px; padding-bottom:10px;}
	.service ul li a:hover span.service2{display:block;background:url(../../images/main/section3_img2_on.png) no-repeat;}
	.service ul li a span.service3{display:block;background:url(../../images/main/section3_img3.png) no-repeat; width:248px; height:248px; padding-bottom:10px;}
	.service ul li a:hover span.service3{display:block;background:url(../../images/main/section3_img3_on.png) no-repeat;}
	.service ul li a span.service4{display:block;background:url(../../images/main/section3_img4.png) no-repeat; width:248px; height:248px; padding-bottom:10px;}
	.service ul li a:hover span.service4{display:block;background:url(../../images/main/section3_img4_on.png) no-repeat;}
	.service ul li a span.service5{display:block;background:url(../../images/main/section3_img5.png) no-repeat; width:248px; height:248px; padding-bottom:10px;}
	.service ul li a:hover span.service5{display:block;background:url(../../images/main/section3_img5_on.png) no-repeat;}
	.service ul li a span.service6{display:block;background:url(../../images/main/section3_img6.png) no-repeat; width:248px; height:248px; padding-bottom:10px;}
	.service ul li a:hover span.service6{display:block;background:url(../../images/main/section3_img6_on.png) no-repeat;}
	.service ul li a span.service7{display:block;background:url(../../images/main/section3_img7.png) no-repeat; width:248px; height:248px; padding-bottom:10px;}
	.service ul li a:hover span.service7{display:block;background:url(../../images/main/section3_img7_on.png) no-repeat;}
	.service ul li a span.service8{display:block;background:url(../../images/main/section3_img8.png) no-repeat; width:248px; height:248px; padding-bottom:10px;}
	.service ul li a:hover span.service8{display:block;background:url(../../images/main/section3_img8_on.png) no-repeat;}
    .service ul li a span.service9{display:block;background:url(../../images/main/section3_img9.png) no-repeat; width:248px; height:248px; padding-bottom:10px;}
	.service ul li a:hover span.service9{display:block;background:url(../../images/main/section3_img9_on.png) no-repeat;}

	.service ul li span.title{font-size:16px; font-weight:bold; color:#333;margin-bottom:2px;}
	.service span.lang_kr{display:inline-block; background:url(../../images/main/lang_kr_on.png) no-repeat; background-size:auto 34px; width:34px; height:34px;margin:10px 4px;}
	.service span.lang_en{display:inline-block; background:url(../../images/main/lang_en_on.png) no-repeat; background-size:auto 34px; width:34px; height:34px;margin:10px 4px;}
	.service span.lang_ch{display:inline-block; background:url(../../images/main/lang_ch_on.png) no-repeat; background-size:auto 34px; width:34px; height:34px;margin:10px 4px;}
	.service span.lang_jp{display:inline-block; background:url(../../images/main/lang_jp_on.png) no-repeat; background-size:auto 34px; width:34px; height:34px;margin:10px 4px;}
	
.service_popup{position:relative; top:18%; width:1024px; height:590px; background:#fff; padding:30px 40px 0 40px; z-index:1000; margin:0 auto}
.service_popup span.btn_close{position:absolute;top:0; right:0; display:block;background:url(../../images/main/btn_close.png) no-repeat; width:49px; height:49px;}
.service_popup p{font-size:24px; color:#333; padding-bottom:15px;}
.service_popup p span{font-size:14px; color:#777; padding-top:5px;}
.service_popup dl dt{float:left;width:506px;}
.service_popup dl dd{float:left;position:relative;width:465px; height:465px; margin-left:42px;}
.service_popup dl dd ul{display:block;margin:0 0 0 0;}
.service_popup dl dd ul li{float:none; width:100%;background:url(../../images/main/section3_img_head.png) 0 4px no-repeat; height:auto;padding:0 0 4px 25px; font-weight:normal;text-align:left; font-size:12px; }
.service_popup dl dd ul li.tit{height:auto; background:none; padding:0 0 10px 0;font-weight:bold; font-size:14px;color:#333;}
.service_popup dl dd ul li.last{margin-bottom:20px; height:auto;}
.service_popup dl dd ul li a{color:#54bc3f; text-decoration:none;}
.service_popup span.qr{position:absolute; left:0; bottom:-15px;}

/* 2017.04.21 update */
.text_tit_big{font-size:56px; font-weight:bold; text-align:center; color:#000; line-height:1.2em; padding:68px 0 50px 0}
.text_tit{ font-size:46px; color:#000; text-align:center; letter-spacing:-0.05em; line-height:1.3em; padding:94px 0 35px 0}

.line2{background:url(../../images/main/odsay_img_line.png) center bottom no-repeat; width:100%; height:2px; padding-top:106px}

/* 2017.04.25 update */
.terms>.article>.terms_text h2{font-size:16px; font-weight:bold; line-height:1em; color:#000; border-bottom:2px solid #000; margin-bottom:14px; padding-bottom:8px; padding-top:0;}

/* 2017.04.26 update */
.btn_top{position:absolute; right:24px; bottom:66px; width:33px; height:33px;background:url(../../images/com/icon_top.png) no-repeat}
.profile sub{position:absolute; display:block}
.profile span.icon_admin{position:absolute; left:-11px; top:-7px; width:26px; height:26px; background:url(../../images/com/icon_star.png) no-repeat;}

/* 2018.01.24 update */
#gnb {
	position:absolute; left:230px; top:30px; width:740px; height:30px;
	margin:0; padding:0;
}

#gnb ul{display:inline-block; width:100%;} 
#gnb ul li {
	position:relative; float:left; width:20%; height:51px; 
	font-size:16px; line-height:30px; text-align:center; top:0; left:0;
	list-style-type:none;
    letter-spacing: -0.005em;
}

#gnb ul li a {
	display:inherit;
	height:30px;
	color:#888;
	padding:0 10px 0 10px;
	text-decoration:none;
}

#gnb ul li a:hover,#gnb ul li:hover a {
	color:#000;
}/* gnb 기본 */

#gnb ul li ul {
	display:none;
	position:absolute;
	background-color:#fff;
	padding:10px 0 12px 0; border:1px solid #555;
}

#gnb ul li:hover ul {
	display: block;
	position:absolute;
	top:51px;
}
#gnb ul li:hover span.sign{position:absolute; left:0; top:42px; background:url(../../images/com/icon_sign.png) center 0 no-repeat; width:100%; height:20px; z-index:100}

#gnb ul li:hover ul li{
	float:none;
	position:static;
	width:100%; height:auto;
	text-align:left; font-size:14px;
	color:#888
}
#gnb ul li:hover ul li a{display:inherit;
	height:30px;
	padding:0 10px 0 10px;
	text-decoration:none;
	color:#888
}
#gnb ul li:hover ul li:hover a{
	color:#000
}/* sub메뉴 */

#gnb ul li ul li ul.sub2 {
	display:none;
	position:absolute;
	background-color:#fff;
	padding:10px 0 12px 0; border:1px solid #555;
	width:190px;
}

#gnb ul li ul li:hover ul.sub2 {
	display: block;
	position:absolute;
	top:-1px; left:148px; width:190px;	
}
#gnb ul li ul li:hover ul.sub2 li{
	float:none;
	position:static;
	display:inline-block;
	text-align:left; font-size:14px;
	line-height:1.4em;
	padding:0 12px 0 0;
}
#gnb ul li ul li:hover ul.sub2 li a{
	display:inherit;
	height:30px;
	padding:0 10px 0 10px;
	text-decoration:none;
	color:#888	
}
#gnb ul li ul li:hover ul.sub2 li:hover a{
	color:#000
}

/* sub_sub메뉴 */

#gnb ul li ul li sub{float:right;display:inline-block; font-size:13px; vertical-align:middle; padding-right:6px;}

#gnb a.on {
	color:#000;
}

/* 2017.05.19 update */
.class_type{float:left;padding-bottom:15px; margin-left:20px}
.class_type span.class_box{display:block; width:225px; height:190px; padding:12px 10px 10px 10px; text-align:center; border:1px solid #ccc; border-radius:3px;box-sizing:border-box}
.class_type span.class_text{display:block; padding:8px 0 0 0}
.class_type span.class_check{display:block; text-align:center; padding:8px 0}
.class_type:first-child{margin-left:0}
span.class_box.on{border:2px solid #32a2f5;}

/* 2017.06.23 update */
.snb2{position:relative; float:right; width:38px; height:38px; margin-top:26px; margin-left:10px}
.alarm{position:relative; }
.alarm sub{position:absolute; display:block}
.alarm span.icon_new{position:absolute; left:18px; top:15px; width:26px; height:26px; background:url(../../images/com/icon_new.png) no-repeat;}

.snb2_menu{position:absolute; right:0; top:45px; width:275px; height:auto; border:1px solid #aaa; border-radius:6px; background:#fff; z-index:900}
.snb2_menu span.snb_menu_img{position:absolute; top:-9px; right:11px; background:url(../../images/com/snb_menu_img.png) no-repeat; width:15px; height:12px; z-index:910}
.snb2_menu span.title_bar{display:block; font-size:14px; font-weight:bold; color:#333; border-bottom:1px solid #ddd; padding:4px 0 8px 0; margin:10px 12px 0 12px}
.snb2_menu span.title_bar sub{float:right; font-size:12px; line-height:2.3em; font-weight:normal; color:#888;}
.snb2_menu span.title_s{display:block;  font-size:12px; font-weight:bold; padding:10px 12px 3px 12px; color:#666}
.snb2_menu ul{}
.snb2_menu ul li{position:relative; padding:6px 12px 6px 12px}
.snb2_menu ul li span.subject_group{display:block; width:230px; height:14px; margin-bottom:6px}
.snb2_menu ul li span.subject{display:inline-block; max-width:180px; font-size:13px; color:#666; overflow:hidden; text-overflow:ellipsis;white-space:nowrap; margin-right:6px}
.snb2_menu ul li span.subject_date{font-size:11px; color:#999; letter-spacing:-0.03em}
.snb2_menu ul li span.reply_num{display:inline-block; font-size:12px; font-weight:bold; color:#f77a20; vertical-align:top}
.snb2_menu ul li span.btn_del{position:absolute; right:10px; top:1px; font-size:20px; display:block; width:20px; height:20px; text-align:center; color:#cdcdcd}
.snb2_menu span.btn{display:block; font-size:12px; font-weight:bold; padding:5px 12px 20px 12px; color:#666}
.snb2_menu ul li:hover{background:#f2f2f2}
.snb2_menu span.text{display:block; font-size:13px;color:#888; text-align:center;padding:30px 0 0 0; min-height:200px}
.scroll{max-height:530px; overflow-y:auto}

/* 2017.06.30 update */
.center_block{width:380px; margin:0 auto}

/* 2017.09.15 update */
.mark_gcs{position:absolute; right:260px; top:2px; display: inline-block; background: url(../../images/main/icon_gcs.png) center no-repeat; width:100px; height:35px }

/* 2017.09.18 update */
.box_list{position: relative; border-bottom:1px solid #555; padding:20px 30px 30px 30px; margin-bottom:20px }
.box_list>h3{font-size:30px; padding:0; margin:0}
.box_list>h3 sub{display: block; font-size:14px; font-weight: normal; color:#888; padding:6px 0 0 4px}
.box_list>h3 a{position: absolute; right:30px; top:42px; text-align: center; display:inline-block; font-size:17px; line-height:54px; text-decoration:none; width:206px; height:54px;  color:#fff; border-radius:3px; background:#299ff6}

/* popup_main */
.popup_main{position:relative; width:400px; height: 598px; border:2px solid #f57d1e;  background:#f57d1e}
.src_img{width:400px; height: 556px; background: #fff; overflow: hidden}
.src_img img{border-bottom: 2px solid #e9e9e9}
.popup_link{position:absolute; top:484px; width:100%; text-align: center}
.popup_link a{display: inline-block; font-size: 15px; font-weight: bold; height: 48px; line-height: 3.3em; background: #f57d1e; color: #fff; border-radius: 48px; padding: 0 35px}
.popup_bottom{position: absolute; bottom:0; display: block; width: 100%; height: 24px; overflow: hidden; clear: both; vertical-align: middle; padding:9px 0; background: #fff}
.popup_bottom span.check_today{float:left; display: inline-block; padding-left:12px; }
.popup_bottom span.check_today input[type=checkbox]+label{padding-left:25px; height:19px; background-size:18px auto; opacity: 0.6}
.popup_bottom span.check_today input[type=checkbox]:checked+label{background-position: 0 -20px}
.popup_bottom span.check_today label{font-size:12px; line-height: 1.55em; color: #000}
.popup_bottom span.btn{float:right; padding-right:11px}
.popup_bottom span.btn a.btn_close{display: block; width:22px; height: 22px; background: url(../../images/popup/btn_close.png) center no-repeat; background-size:auto 22px; }

.src_text{width:400px; height: 556px; background: #fff}
.src_text p.title{font-size:24px; font-weight: bold; text-align: center; color: #fff; letter-spacing: -0.03em; padding:45px 15px 30px 15px; background: #f57d1e}
.src_text pre{font-size:14px;padding:25px 20px 20px 20px; letter-spacing: -0.02em}
.src_text pre a{font-weight: bold; color: #f57d1e}
.src_text pre strong{display: inline-block; color:#333; padding:0 0 4px 0}