@charset "utf-8";
body { min-width:1080px; }
.wrap { position:relative }
.header { position:fixed; top:0; width:100%; background: rgba(255, 255, 255 ,0.8); border-bottom:1px solid #c6c6c6; box-shadow:0px 3px 7px rgba(0,0,0,0.1); z-index:99999; }
.header_top { background:#ff6600; height:30px; color:#fff; font-size:12px; font-weight:600; line-height:30px; }
.header_top a { color:#fff; }
.header_top_area { position:relative; width:1080px; margin:0 auto; text-align:center; }
.header_top_area .left { position:absolute; left:0; top:0; }
.header_top_area .left a { display:inline-block; padding-right:15px; }
.header_top_area .left span { display:inline-block; padding-right:23px; }
.header_top_area .sns { }
.header_top_area .sns a { display:inline-block; padding:0 9px; }
.header_top_area .right { position:absolute; right:0; top:0; }
.header_top_area .right a { display:inline-block; padding:0px 10px; }
.header_top_area .right img { vertical-align:text-top; }
.header_top_area .lan { display:none; position:absolute; right:-10px; top:30px; width:70px; background:#ff6600; }
.header_top_area .lan a { display:block; border-top:1px solid #ff8533; }

.gnb_logo { width:1080px; margin:0 auto; padding:33px 0 28px; text-align:center; }
.gnb_area { position:relative; width:1080px; margin: 0 auto; }
.gnb { display:table; margin:0 auto; }
.gnb li { float:left; }
.gnb li a { display:inline-block; padding-bottom:20px; margin:0 26px 0px; color:#000; font-size:20px; font-weight:600; }
.gnb li a.on, .gnb li a:hover { border-bottom:5px solid #ff6600;  padding-bottom:15px; }
.menu { position:absolute; top:0; right:0; width:16px; height:16px; background:url('../images/menu_on.png') 0 0 no-repeat; text-indent:-5000px; }
.menu.close { position:absolute; top:0; right:0; width:16px; height:16px; background:url('../images/menu_off.png') 0 0 no-repeat; text-indent:-5000px; }
.menu_off { position:absolute; top:0; right:0; width:16px; height:16px; background:url('../images/menu_off.png') 0 0 no-repeat; text-indent:-5000px; }
.depth2 { display:none; position:relative; padding-bottom:20px; text-align:center; }
.gnb2 { display:inline-block; margin-top:10px; vertical-align:top; }
.gnb2 a { display:block; font-size:14px; color:#555; font-weight:600; line-height:27px; }
.gnb2 a:hover {color: #ff6600;}

.top_search { display:none; position:relative; padding-bottom:25px; margin: 0 auto; text-align:center; }
.top_search p { display:inline-block; }
.top_search .txt_none { width:420px; padding:0 15px 0 0 !important; height:40px; line-height:40px; font-size:18px; border:0 !important; border-bottom:2px solid #ff6600 !important; box-sizing:border-box; color:#0f0f0f; font-size:16px; font-family:'nanum', 'dotum', 'AppleGothic';}
.search_close { padding-left:30px; }

.body_search { position:relative; padding-bottom:25px; margin: 0 auto; text-align:center; }
.body_search p { display:inline-block; }
.body_search .txt_none { width:420px; padding:0 15px 0 0 !important; height:40px; line-height:40px; font-size:18px; border:0 !important; border-bottom:2px solid #ff6600 !important; box-sizing:border-box; color:#0f0f0f; font-size:16px; font-family:'nanum', 'dotum', 'AppleGothic';}

.popular { position: absolute; width: 600px; left:50%; top:120px; margin-left:-300px; background:#fff; text-align:left; }
.popular > div { display:inline-block; width:49%; padding-left:80px; box-sizing:border-box; } 
.popular h1 { font-size:30px; font-weight:400;}
.popular li { line-height:40px; }
.popular li a { display:block; color:#555; font-size:16px; }



.linemap { position:relative; margin:217px 0 20px; line-height:49px; color:#000; background:#f7f7f7; border-bottom:1px solid #c6c6c6; box-shadow:0px -2px 7px rgba(0,0,0,0.1) inset; }
.linemap_area { position:relative; width:1080px; margin:0 auto; font-size:15px; font-weight:600; }
.linemap_area a { color:#000; }
.linemap_area .bullet { padding:0 8px 0 12px; }
.linemap_area .pop_cate span { color:#ff6600; }
.linemap_area .pop_cate i { font-style:inherit; color:#c2c2c2; font-size:12px; vertical-align:bottom; }
.linemap_area .pop_cate span i { color:#ff6600; }
/*
.linemap_area select { font-size:15px; font-weight:600; border:none; padding-right:20px; background:#f7f7f7 url('../images/bullet_select.png') right 50% no-repeat; vertical-align:baseline; -webkit-appearance:none; -moz-appearance:none; //�߰�(firefox) }
.linemap_area select::-ms-expand {display:none; }
*/
.linemap_area .sub_menu { display:inline-block; margin-left:200px; }
.linemap_area .sub_menu a { display:inline-block; padding:0 15px; color:#959595; }
.linemap_area .sub_menu a.on { color:#ff6600; }
.linemap_area .sub_menu2 { display:inline-block; margin-left:170px; }
.linemap_area .sub_menu2 a { display:inline-block; padding:0 15px; color:#959595; }
.linemap_area .sub_menu2 a.on { color:#ff6600; }

.linemap_area .search { color:#ff6600; }
.linemap_area .research { background-color:#ff6600; color: white; padding: 6px; }


.blank { position:relative; margin-top:210px; height:30px; text-indent:-5000px; }
.container_main { position:relative; margin:0 auto; width:1080px; padding:240px 0 0px; }
.container { position:relative; margin:0 auto; width:1080px; padding:0px; }
.container_login { position:relative; margin:0 auto; width:400px; }
.con_gray { background:#f2f2f2; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; }
.main_slider { margin-bottom:40px; }

.cate { padding-bottom:15px; font-size:18px; }
.cate span { display:inline-block; padding:0 10px; color:#c2c2c2; font-weight:300; }
.cate a { color:#959595; font-weight:600; }
.info { padding-bottom:15px; font-size:16px; color:#959595; font-weight:600; }
.info span { display:inline-block; padding:0 10px; color:#c2c2c2; font-weight:300; }

/*공모전 리스트*/
.contest_poster_partial { background-position:0px -50px; width:212px; height:200}

/*공모전 상세*/
.contest_view01 { padding-bottom:60px; overflow:hidden; }
.contest_view01 .poster { float:left; width:360px; }
.contest_view01 .poster img { box-shadow:1px 1px 10px #ccc; }
.info2 { padding-left:400px; }
.list_date2 { padding-bottom:15px; font-size:18px; color:#999; }
.d_day2 { display:block; padding:0 0 10px; font-size:33px; color:#000; line-height:20px; /*background:#7b7b7b;*/ text-align:left; vertical-align:top; font-weight:600; }
.d_day2 i { font-style:normal; font-size:18px; }
.d_day2.red { background:#fff; }
.d_day2.orange { background:#fff; }
.thumb_cate2 { display:block; padding-bottom:15px; font-size:22px; color:#959595; font-weight:600; }
.thumb_cate2.blue { color:#3777bc; }
.price2 { display:block; padding-bottom:15px; font-size:22px; color:#000; font-weight:600; }
.award2 { padding-bottom:30px; font-size:18px; color:#999; }
.info_detail { padding-bottom:22px; font-size:18px; color:#000; line-height:30px; }
.btn_area { position:relative; }
.btn_area a { display:inline-block; margin-left:10px; font-size:18px; text-align:center; color:#000; font-weight:600; border:1px solid #b3b3b3; width:49%; box-sizing:border-box; line-height:50px; }
.btn_area a:first-child { margin-left:0; }
.btn_area a.gray { background:#e5e5e5; }
/* .pb20 { padding-bottom:20px !important; } */

.contest_view02 { padding:15px 0 35px; border-top:1px solid #e5e5e5; overflow:hidden; }
.contest_view02 .title { float:left; width:180px; min-height: 70px; color:rgb(255, 108, 0); font-size:22px; font-weight:600; }
.contest_view02 p { line-height:30px; }
.contest_view02 td p { padding-left:0px; }
.contest_view02 table{ width: 900px;}
.contest_view02 .content { display: table; }
.contest_view02 .in_table { line-height:30px; }
.contest_view02 div[data-section='content'] { display: table; }

.list_table {}
.list_table th { padding:4px; border:1px solid #e2e2e2; }
.list_table td { padding:4px; border:1px solid #e2e2e2; text-align:center; }

.alarm { margin-bottom:30px; padding:15px; text-align:center; border:1px solid #c2c2c2; line-height:26px; }

.contents_center { text-align:center; }
.thumb_large { padding:10px 0 30px; }
.exhibit_view_title { padding-bottom:60px; font-size:22px; line-height:30px; color:#000; font-weight:600; text-align:center; }
.exhibit_view_title p { padding-top:30px; font-size:18px; }


.exhibit_s_title { display:block; padding:35px 0 0; font-weight:600; } 


/*������ ��*/
.gallery_topInfo { padding-bottom:10px; font-size:18px; color:#959595; font-weight:600; }
.gallery_topInfo span { display:inline-block; padding-left:15px; color:#3777bc; }
.gallery_view_img { display:block; padding-bottom:30px; }
.sns02 { position:relative; padding:20px 0;  text-align:center; }
.sns02 p { position:absolute; top:20px; right:0; }
.sns_like { display:inline-block; padding:0 35px 0 75px; font-size:18px; line-height:48px; color:#555; border:1px solid #c2c2c2; border-radius:24px; box-sizing:border-box; background:url(../images/ico_sns_like.png) 18px 50% no-repeat; }
.sns_like.on { color:#555; background:url(../images/ico_sns_like_on.png) 18px 50% no-repeat; }
.sns_facebook { display:inline-block; padding:0 25px 0 45px; font-size:18px; line-height:48px; color:#fff !important; border-radius:24px; box-sizing:border-box; background:#3a549f url(../images/ico_sns_facebook.png) 18px 50% no-repeat; }
.sns_twitter { display:inline-block; padding:0 25px 0 55px; font-size:18px; line-height:48px; color:#fff !important; border-radius:24px; box-sizing:border-box; background:#25a8ee url(../images/ico_sns_twitter.png) 18px 50% no-repeat; }

.writer_info { padding:25px 0 0; overflow:hidden; }
.writer_info p { float:left; width:90px; }
.writer_info p img { border:4px solid #ff6600; box-sizing:border-box; }
.writer_info_area { padding-left:115px; }
.writer_info_area .writer_name { display:inline-block; padding-right:10px; line-height:40px; font-size:30px; color:#000; font-weight:600; }
.writer_info_area span { display:inline-block; vertical-align:top; }
.writer_info_area .writer_comment { margin-top:15px; font-size:18px; color:#000; line-height:30px; }

.writet_listTile { padding:0 0 10px; font-size:18px; color:#000; font-weight:600; line-height:30px; }
.file_add { margin-left:10px; }



/* Ŀ�´�Ƽ */
.community_tab { margin-bottom:45px; text-align:center; }
.community_tab a { display:inline-block; padding:0 25px; font-size:35px; color:#c2c2c2; font-weight:600; line-height:50px; border-radius:34px; box-sizing:border-box; }
.community_tab a.on { color:#000; border:4px solid #ff6600; }

.talktalk_list { overflow:hidden; font-size: 0px; margin-left:-35px; }
.talktalk_list li { /*float:left;*/ display: inline-block; vertical-align: top; width:33.333333%; min-height:225px; padding:0 0 40px 35px; box-sizing:border-box; }
.talktalk_list li .count { height:13px; font-size:15px; font-weight:600; color:#959595; border-bottom:1px solid #e5e5e5; box-sizing:border-box; }
.talktalk_list li .count span { display:inline-block; padding:0 10px 0 0; background:#fff; }
.talktalk_list li .talktalk_title { display:block; padding:15px 0; font-size:18px; color:#000; font-weight:600; line-height:26px; }
.reple_count { position:relative; display:inline-block; margin-left:5px; padding:0 10px; font-size:15px; color:#fff; font-weight:600; line-height:24px; background:#ff6600; border-radius:5px; }
.reple_count:after { content:""; position:absolute; bottom:-6px; right:10px; width:11px; height:6px; background:url(../images/bullet_reple.png) 0 0 no-repeat; }
.talktalk_name, .talktalk_date { display:block; padding:0 0 5px; font-size:15px; color:#959595; font-weight:600; }

.market_list { overflow:hidden; font-size: 0px; }
.market_list li { /*float:left;*/ display: inline-block; vertical-align: top; width:33.33333%; padding:0 2px 40px; box-sizing: border-box; }
.market_title .zoom { position:relative; display:block; overflow:hidden; box-sizing:border-box; }
.market_title img {  
	transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    /* -webkit-transform .2s cubic-bezier(.165,.84,.44,1); */ }
.market_title:hover .zoom img { transform: scale(1.05); transition-duration: .3s; }
.market_title p { padding:10px 10px 5px; font-size:18px; color:#000; font-weight:600; line-height:26px; box-sizing: border-box;  overflow:hidden;}
.market_name, .market_date { display:block; padding:0 0 5px 10px; font-size:15px; color:#959595; font-weight:600; }
.market_count { padding:10px 10px 0; display:block; font-size:15px; color:#959595; font-weight:600; }
.market_count i { display:inline-block; padding-left:10px; font-style:normal; font-weight:600; }
.market_count i.sell { color:#3777bc; }
.market_count i.buy { color:#ff6600; }
.market_viewImg { padding:10px 0; text-align:center; }

.event_status { padding:10px 10px 0; display:block; font-size:13px; color:#fff; font-weight:600; }
.event_status i { display:inline-block; padding:0 10px; font-style:normal; }
.event_status i.ing { background:#ed1c24; }
.event_status i.end { background:#7b7b7b; }

.event_status2 { padding:10px 10px 15px 0; display:block; font-size:13px; color:#fff; font-weight:600; }
.event_status2 i { display:inline-block; padding:0 10px; font-style:normal; }
.event_status2 i.ing { background:#ed1c24; }
.event_status2 i.end { background:#7b7b7b; }

.event_status3 { padding:0 10px 0; display:block; font-size:13px; color:#fff; font-weight:600; }
.event_status3 i { display:inline-block; padding:0 10px; font-style:normal; }
.event_status3 i.ing { background:#ed1c24; width: 35px; }
.event_status3 i.end { background:#7b7b7b; }

/* Ŀ�´�Ƽ �� */
.writer_info2 { position:relative; padding:0 0 25px; overflow:hidden; }
.writer_info2 p { float:left; width:67px; }
.writer_info2 p img { width:50px; border:3px solid #ff6600; box-sizing:border-box; }
.writer_info_area2 { position:relative; padding-left:67px; }
.writer_info_area2 .writer_name { display:inline-block; padding-right:10px; line-height:50px; font-size:22px; color:#000; }
.writer_info_area2 span { display:inline-block; vertical-align:text-bottom; color:#c2c2c2; }


.count_view { font-size:15px; font-weight:600; color:#959595; line-height:50px; }
.count_view i { display:inline-block; padding-left:10px; font-style:normal; font-weight:600; }
.count_view i.sell { color:#3777bc; }
.count_view i.buy { color:#ff6600; }
.edit { position:absolute; top:15px; right:0; }
.edit a { display:inline-block; margin-left:15px; font-size:16px; color:#959595; }


/* ���̺� */
.list_table01 {}
.list_table01 th { padding:20px; border:1px solid #c2c2c2; font-size:20px; color:#000; }
.list_table01 th.red { color:#ff6600; }
.list_table01 td { padding:10px 10px; border:1px solid #c2c2c2; text-align:center; font-size:14px; color:#555; }
.list_table01 td p { padding:20px 0; font-size:20px; color:#000; font-weight:600; }
.list_table01 td .title { font-size:16px; color:#000; font-weight:600; }
.list_table01 td.p20 { padding:20px; }

.list_table02 { margin-bottom:20px; }
.list_table02 td { padding:12px 10px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:15px;  }
.list_table02 td.title { font-size:18px; }
.list_table02 td.title p { padding-bottom:5px; font-size:15px; color:#959595; }
.list_table02 td.center { text-align:center; }
.list_table02 td a { display:block; color:#000; }

.list_table03 { margin-bottom:20px; }
.list_table03 th { padding:12px 10px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:15px;  }
.list_table03 td { padding:12px 10px; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; font-size:15px; text-align:center;}
.list_table03 td.left { text-align:left; }
.list_table03 td a { display:block; color:#000; }
.list_table03 td strong { font-size:18px; color:#000; }

.btn_area02 { position:relative; padding:40px 0 80px; text-align:center; }
.btn_area02 a { display:inline-block; padding:0 90px; font-size:18px; text-align:center; color:#000; font-weight:600; border:1px solid #b3b3b3; box-sizing:border-box; line-height:50px; }
.btn_area02 a.gray { background:#e5e5e5; border:1px solid #b3b3b3; }
.btn_area02 a.red { color:#fff; background:#ff6600; border:1px solid #dd6600; }

.btn_area03 { position:relative; padding:40px 0 50px; overflow:hidden; }
.btn_area03 a { display:inline-block; float:left; width:49%; font-size:18px; text-align:center; color:#000; font-weight:600; border:1px solid #b3b3b3; box-sizing:border-box; line-height:50px; }
.btn_area03 a.fl_right { float:right; }
.btn_area03 a.gray { background:#e5e5e5; border:1px solid #b3b3b3; }
.btn_area03 a.red { color:#fff; background:#ff6600; border:1px solid #dd6600; }

.btn_area04 { position:relative; padding:0 0 30px; }
.btn_area04 a { display:inline-block; font-size:18px; text-align:center; color:#000; font-weight:600; border:1px solid #b3b3b3; box-sizing:border-box; line-height:50px; }
.btn_area04 a.gray { background:#e5e5e5; border:1px solid #b3b3b3; }
.btn_area04 a.red { color:#fff; background:#ff6600; border:1px solid #dd6600; }

.btn_area05 { position:relative; padding:20px 0 20px; text-align:center; }
.btn_area05 a { display:inline-block; padding:0 90px; font-size:14px; text-align:center; color:#000; font-weight:600; border:1px solid #b3b3b3; box-sizing:border-box; line-height:40px; }
.btn_area05 a.gray { background:#e5e5e5; border:1px solid #b3b3b3; }
.btn_area05 a.red { color:#fff; background:#ff6600; border:1px solid #dd6600; cursor: pointer;}

/* ��� */
.view_list { margin:50px 0; }
.view_list dl {  }
.view_list dt { float:left; font-size:20px; color:#555555; font-weight:600; line-height:50px; }
.view_list dd { padding-bottom:10px; padding-left:230px; }

.view_list1 { margin:50px 0; }
.view_list1 dl { overflow:hidden;  }
.view_list1 dt { float:left; font-size:20px; color:#555555; font-weight:600; line-height:50px; }
.view_list1 dd { padding:5px 0; margin-left:230px; border-bottom:1px solid #e5e5e5; line-height:50px; }

.txt { padding:0 15px!important; height:50px; line-height:50px; border:1px solid #c9c9c9; box-sizing:border-box; color:#0f0f0f; font-size:16px; font-family:'nanum', 'dotum', 'AppleGothic'; }
.txt_gray { background:#f7f7f7; }
.txt_none { width:360px; padding:0 15px 0 0 !important; height:32px; line-height:32px; border:0 !important; border-bottom:2px solid #c2c2c2 !important; box-sizing:border-box; color:#0f0f0f; font-size:16px; font-family:'nanum', 'dotum', 'AppleGothic';}
.w_short { width:150px; }
.w_middle { width:280px; }
.period { display:inline-block; padding:0 10px 0 25px; }

.textFileBox input[type="file"], .btnFileBox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.textFileBox label{
    display:inline-block;
    padding:0 40px; 
	line-height:48px;
    background:#e5e5e5;
    color:#000;
    text-align:center;
    border:1px solid #c2c2c2;
	border-left:0;
	vertical-align:middle;
    box-sizing:border-box;
	font-size:16px;
	margin-top:-1px;
}

.textFileBox1 input[type="file"], .btnFileBox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.textFileBox1 label{
    display:inline-block;
    padding:0 40px; 
	line-height:30px;
    background:#e5e5e5;
    color:#000;
    text-align:center;
    border:1px solid #c2c2c2;
	vertical-align:middle;
    box-sizing:border-box;
	font-size:15px;
}

.textFileBox2 input[type="file"], .btnFileBox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.textFileBox2 label{
    display:inline-block;
    padding:0 40px; 
	line-height:48px;
    background:#e5e5e5;
    color:#000;
    text-align:center;
    border:1px solid #c2c2c2;
	vertical-align:middle;
    box-sizing:border-box;
	font-size:16px;
}

.f_0 { font-size:0; }
.add_comment { display:inline-block; margin-left:10px; font-size:14px; color:#959595; }
.add_comment2 { display:inline-block; padding:15px 0 10px; font-size:13px; color:#555; }
.add_comment3 { display:inline-block; margin-top:10px; font-size:14px; color:#959595; }
.inner_banner { height: 140px; display:flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center;} 

.table_dim {}
.table_dim .dim { position:absolute; width:171px; height:578px; background:#e2e2e2; opacity:0.5; }
.table_dim .dim.on { display:none; }
.table_dim .dim.free { top:0; left:230px; }
.table_dim .dim.focus { top:0; left:400px; }
.table_dim .dim.premium { top:0; left:570px; }
.table_dim .dim.special { top:0; left:740px; }
.table_dim .dim.bigbanner { top:0; left:910px; }

.secu_txt { display:inline-block; width:236px; padding:0 10px 0 10px; border:1px solid #c2c2c2; border-right:0; height:50px; line-height:46px; box-sizing:border-box; }
.btn_gray { display:inline-block; padding:0 30px; border:1px solid #c2c2c2; line-height:48px; box-sizing:border-box; background:#e5e5e5; vertical-align:top; }



/* ��� */
.reple_area { padding:20px 0; border-top:1px solid #e5e5e5; }
.reple_area .title { padding-bottom:25px; font-size:26px; color:#313131; font-weight:600; }
.reple_area .title span { display:inline-block; padding-left:5px; font-size:22px; }
.reple_area .question { padding-bottom:30px; }
.reple_area .question .photo { float:left; }
.reple_area .question .photo img { width:70px; border:4px solid #ff6600; box-sizing:border-box; border-radius:35px; }
.reple_area .question .comment { padding-left:100px; }
.reple_area .question .comment span { display:inline-block; padding-right:20px; color:#c2c2c2; }
.reple_area .question .comment span.name { color:#000;  }
.reple_area .question .comment .comment_box { display:inline-block; position:relative; padding:10px 15px; margin-top:5px; min-width:600px; max-width:700px; color:#000; background:#e5e5e5; box-sizing:border-box; border-radius:10px; }
.reple_area .question .comment .comment_box::before { position:absolute; content:""; top:0; left:-17px; width:17px; height:24px; background:url('../images/balloon_left.png') 0 0 no-repeat; }
.reple_area .question .comment .comment_box .add_btn { position:absolute; width:30px; top:-30px; right:0; }
.reple_area .question .comment .comment_box .add_btn .add_more { position:absolute; top:0px; right:30px; width:90px; background:#555; color:#7b7b7b; font-weight:300; text-align:center; }
.reple_area .question .comment .comment_box .add_btn .add_more_cancel { position:absolute; top:0px; right:30px; width:113px; background:#555; color:#7b7b7b; font-weight:300; text-align:center; }
.reple_area .question .comment .comment_box .add_btn .add_more a { padding:0 5px; font-size:14px; line-height:30px; color:#fff; font-weight:300; }
.reple_area .question .comment .comment_box .add_btn .add_more_cancel a { padding:0 5px; font-size:14px; line-height:30px; color:#fff; font-weight:300; }

.reple_area .answer { padding:30px 0 30px; overflow:hidden; }
.reple_area .answer .comment { padding-right:17px; }
.reple_area .answer .comment span { display:inline-block; padding-right:20px; color:#c2c2c2; }
.reple_area .answer .comment span.name { color:#000; }
.reple_area .answer .comment .comment_box {  float:right; display:inline-block; position:relative; padding:10px 15px; min-width:600px; max-width:700px; color:#000; background:#ffd9bf; box-sizing:border-box; border-radius:10px; }
.reple_area .answer .comment .comment_box p { position:absolute; top:-30px; left:0; }
.reple_area .answer .comment .comment_box i { font-style:inherit; font-weight:600; }
.reple_area .answer .comment .comment_box::before { position:absolute; content:""; top:0; right:-17px; width:17px; height:24px; background:url('../images/balloon_right.png') 0 0 no-repeat; }
.reple_area .answer .comment .comment_box .add_btn { position:absolute; width:30px; top:-30px; right:0; }
.reple_area .answer .comment .comment_box .add_btn .add_more { position:absolute; top:0px; right:30px; width:90px; background:#555; color:#7b7b7b; font-weight:300; text-align:center; }
.reple_area .answer .comment .comment_box .add_btn .add_more a { padding:0 5px; font-size:14px; line-height:30px; color:#fff; font-weight:300; }

.reple_more { display:block; padding:10px 0; text-align:center; font-size:20px; font-weight:600; color:#000; }
.reple_write { overflow:hidden; }
.reple_write textarea { float:left; width:85%; padding:10px; border:1px solid #c2c2c2; box-sizing:border-box; height:72px; font-size:16px; font-family:"nanum"; color:#959595; }
.reple_write .write_btn { display:inline-block; width:15%; font-size:18px; font-weight:600; color:#000; text-align:center; line-height:70px; border:1px solid #c2c2c2; border-left:0; box-sizing:border-box; background:#e5e5e5; }

.reple_title { position:relative; padding-bottom:30px; overflow:hidden; }
.reple_title .back { display:inline-block; margin-right:50px; vertical-align:top; padding-top:10px; }
.reple_title span { display:inline-block; width:800px; font-size:30px; color:#000; font-weight:600; line-height:45px; }
.reple_title .detail { float:right; display:inline-block; padding:0 30px; font-size:16px; color:#000; font-weight:600; border:1px solid #b3b3b3; line-height:50px; box-sizing:border-box; }


.thumb_list { overflow:hidden; font-size: 0;}
.thumb_list li { display: inline-block; width:33.333333%; padding:0 2px 40px; box-sizing: border-box; vertical-align: top;}
.thumb_title { display:block; }
.thumb_title .zoom { position:relative; display:block; overflow:hidden; box-sizing:border-box; }
.zoom:after { content:""; position:absolute; top:0; left:0; width:100%; height:100%; border: 1px solid #CCC; opacity:0.5; box-sizing: border-box; }
.thumb_title img {  
	transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    /* -webkit-transform .2s cubic-bezier(.165,.84,.44,1); */ }
.thumb_title:hover .zoom img { transform: scale(1.05); transition-duration: .3s; }
.thumb_title span.title { display: inline-block; padding:10px 10px 0; font-size:18px; color:#000; font-weight:600; line-height:26px; overflow:hidden; height:56px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; }
.list_date { padding:10px 10px 0; font-size:15px; color:#959595; line-height:15px; font-weight:600; }
.d_day { display:inline-block; margin-right:5px; padding:0 10px; font-size:13px; color:#fff; line-height:16px; background:#7b7b7b; text-align:center; }
.d_day.red { background:#ed1c24; }
.d_day.orange { background:#ff6600; }
.thumb_cate { display: inline-block; padding:5px 10px; font-size:15px; color:#959595; font-weight:600; }
.thumb_cate.blue { color:#3777bc; }

.thumb_date { padding:5px 10px 0; font-size:15px; color:#959595; font-weight:600; }

.thumb_list01 { overflow:hidden; }
.thumb_list01 li { float:left; width:25%; max-height:310px; padding:0 2px 40px; box-sizing: border-box; }
.thumb_title01 { display:block; }
.thumb_title01 .zoom { position:relative; display:block; overflow:hidden; box-sizing:border-box; }
.thumb_title01 img {  
	transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    /* -webkit-transform .2s cubic-bezier(.165,.84,.44,1); */ }
.thumb_title01:hover .zoom img { transform: scale(1.05); transition-duration: .3s; }
.thumb_title01 span.title { display: inline-block; padding:10px 10px 0; font-size:18px; color:#000; font-weight:600; line-height:26px; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.thumb_list0101 { overflow:hidden; }
.thumb_list0101 li { float:left; width:25%; max-height:310px; padding:0 2px 40px; box-sizing: border-box; }
.thumb_title0101 { display:block; }
.thumb_title0101 .zoom { position:relative; display:block; overflow:hidden; box-sizing:border-box; }
.thumb_title0101 img {  
	transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    /* -webkit-transform .2s cubic-bezier(.165,.84,.44,1); */ }
.thumb_title0101:hover .zoom img { transform: scale(1.05); transition-duration: .3s; }
.thumb_title0101 p { padding:10px; font-size:18px; color:#000; font-weight:600; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; }
.thumb_title0101 .list_date { padding:0 10px 0; font-size:15px; color:#959595; line-height:15px; font-weight:600; }
.thumb_title0101 .d_day { display:inline-block; margin-right:5px; padding:0 10px; font-size:13px; color:#fff; line-height:16px; background:#7b7b7b; text-align:center; }
.thumb_title0101 .d_day.red { background:#ed1c24; }
.thumb_title0101 .d_day.orange { background:#ff6600; }
.thumb_title0101 .thumb_cate { display: block; padding:5px 10px; font-size:15px; color:#959595; font-weight:600; }
.thumb_title0101 .thumb_cate.blue { color:#3777bc; }

.thumb_list0102 { overflow:hidden; }
.thumb_list0102 li { float:left; width:25%; max-height:310px; padding:0 2px 40px; box-sizing: border-box; }

.thumb_title0102 { display:block; }
.thumb_title0102 .zoom { position:relative; display:block; overflow:hidden; box-sizing:border-box; }
.thumb_title0102 img {  
	transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    /* -webkit-transform .2s cubic-bezier(.165,.84,.44,1); */ }
.thumb_title0102:hover .zoom img { transform: scale(1.05); transition-duration: .3s; }
.thumb_title0102 p { padding:10px; font-size:18px; color:#000;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; }


/*
.thumb_list02 li:first-child .thumb_title02 .zoom { display:block; overflow:hidden; border-left:1px solid #000; }
.thumb_list02 li:nth-child(6n-1) .thumb_title02 .zoom { display:block; overflow:hidden; border-left:1px solid #000; }
*/


/* 공모전 스페셜 리스트 설정 */
.thumb_list99 { overflow:hidden; }
.thumb_list99 li { float:left; width:15%; padding:0 2px 10px; box-sizing: border-box; }

.thumb_list02 { overflow:hidden; }
.thumb_list02 li { float:left; width:20%; padding:0 2px 40px; box-sizing: border-box; }

.thumb_title02 .zoom { position:relative; display:block; overflow:hidden; box-sizing:border-box; }
.thumb_title02 img {  
	transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
}
	
.thumb_title02:hover .zoom img { transform: scale(1.05); transition-duration: .3s; }
.thumb_title02 span.title { display: inline-block; padding:10px 10px 0; font-size:18px; color:#000; font-weight:600; line-height:26px; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}
.thumb_title02 span.award2 { display: inline-block; padding:10px 10px 0; font-size:16px; color:#000; font-weight:600; line-height:22px; box-sizing:border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}

/* 공모전 프리미엄 리스트 설정 */
.thumb_list03 { overflow:hidden; }
.thumb_list03 li { float:left; width:20%; padding:0 2px 40px; box-sizing: border-box; }
.thumb_title03 .zoom { position:relative; display:block; overflow:hidden; box-sizing:border-box; }

    
.thumb_title03 .cropping { max-height:150px; overflow:hidden}
.thumb_title03 .cropping img {
	max-height: initial;
	margin-bottom:-153;
    }
    
.thumb_title03 img {  
	transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    }
    
.thumb_title03:hover .zoom img { transform: scale(1.05); transition-duration: .3s; }
.thumb_title03 span.title { display: inline-block; padding:10px 10px 0; font-size:18px; color:#000; font-weight:600; line-height:30px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; box-sizing: border-box;}

/* 공모전 포커스 리스트 설정 */
.thumb_list04 { overflow:hidden; }
.thumb_list04 li { float:left; width:20%; padding:0 2px 40px; box-sizing: border-box; }
.thumb_title04 .zoom { position:relative; display:block; overflow:hidden; box-sizing:border-box; }

.thumb_title04 .cropping { max-height:90px; overflow:hidden}
.thumb_title04 .cropping img {
	max-height: initial;
	margin-bottom:-213px;
    }
    
.thumb_title04 img {  
	transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    }
.thumb_title04:hover .zoom img { transform: scale(1.05); transition-duration: .3s; }
.thumb_title04 span.title { display: inline-block; padding:10px 10px 0; font-size:18px; color:#000; font-weight:600; line-height:30px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden; box-sizing: border-box;}


.thumb_list05 { overflow:hidden; }
.thumb_list05 li { width:49.8%; padding:0 2px 15px; box-sizing: border-box; display: inline-block; vertical-align: top;}
.thumb_list05 li .list_date { font-size:14px; padding-top:0px; }
.thumb_list05 li div { margin-left:95px; margin-right:20px; border-top:1px solid #e5e5e5; overflow:hidden; }
.thumb_list05 li .award { padding:0px 10px; font-size:15px; color:#959595; }
.thumb_list05 li .zoom { position:relative; float:left; display:inline-block; overflow:hidden; box-sizing:border-box; width:80px; height: 80px; }
.thumb_title05 img {  
	transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    }
.thumb_list05 li:hover .zoom img { transform: scale(1.05); transition-duration: .3s; }
.thumb_title05 { padding:10px 10px 0; font-size:16px; color:#000; font-weight:600; line-height:22px;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:390px; overflow: hidden; display: inline-block; }

.thumb_list06 { overflow:hidden; }
.thumb_list06 li { float:left; width:33.333333%; height:350px; padding:0 2px 40px; box-sizing: border-box; }
/*
.thumb_list06 li:first-child .thumb_title02 .zoom { display:block; overflow:hidden; border-left:1px solid #000; }
.thumb_list06 li:nth-child(6n-1) .thumb_title02 .zoom { display:block; overflow:hidden; border-left:1px solid #000; }
*/
.thumb_title06 .zoom { position:relative; display:block; overflow:hidden; box-sizing:border-box; }
.thumb_title06 img {  
	transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    /* -webkit-transform .2s cubic-bezier(.165,.84,.44,1); */ }
.thumb_title06:hover .zoom img { transform: scale(1.05); transition-duration: .3s; }
.thumb_title06 span.title { display: inline-block; padding:10px 10px 0; font-size:18px; color:#000; font-weight:600; line-height:26px; box-sizing:border-box; overflow:hidden; height:65px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; }

.thumb_list07 { overflow:hidden; margin:0 -8px 0; }
.thumb_list07 li { float:left; width:25%; max-height:310px; padding:0 8px 0; box-sizing: border-box; }
.thumb_title07 { display:block; }
.thumb_title07 .zoom { position:relative; display:block; overflow:hidden; box-sizing:border-box; }
.thumb_title07 img {  
	transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    /* -webkit-transform .2s cubic-bezier(.165,.84,.44,1); */ }
.thumb_title07:hover .zoom img { transform: scale(1.05); transition-duration: .3s; }

.thumb_list08 { overflow:hidden; }
.thumb_list08 li { float:left; width:33.33333%; height:324px; padding:0 2px 25px; box-sizing: border-box; }
/*
.thumb_list08 li:first-child .thumb_title02 .zoom { display:block; overflow:hidden; border-left:1px solid #000; }
.thumb_list08 li:nth-child(6n-1) .thumb_title02 .zoom { display:block; overflow:hidden; border-left:1px solid #000; }
*/
.thumb_title08 .zoom { position:relative; display:block; overflow:hidden; box-sizing:border-box; }
.thumb_title08 img {  
	transition: -webkit-transform .2s cubic-bezier(.165,.84,.44,1);
    transition: transform .2s cubic-bezier(.165,.84,.44,1);
    background-size: cover;
    }
.thumb_title08:hover .zoom img { transform: scale(1.05); transition-duration: .3s; }
.thumb_title08 span.title { display: inline-block; padding:10px 10px 0; font-size:18px; color:#000; font-weight:600; line-height:26px; box-sizing: border-box; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:100%; overflow:hidden;}
.uploader { display:block; font-size:15px; color:#959595; font-weight:600; }
.uploader img { margin-right:10px; border:2px solid #ff6600; box-sizing:border-box; }

.f_l {float:left; }

.main_banner { margin:20px 0 40px; }
.more { display:block; color:#959595; font-size:22px; font-weight:600; background:#f1f1f1; line-height:50px; text-align:center; border:1px solid #c2c2c2; box-sizing:border-box; }
.partner { position:relative; margin:60px 0 0; }
.partner a { display:inline-block; margin:0 38px 30px; }
/*
.partner { position:relative; margin:60px 0 0; height:66px; overflow: hidden; }
.partner a { display:inline-block; margin-left:85px; }
.partner a:first-child { margin-left:0; }
*/

.side_banner { position: absolute; top: 260px; left: 50%; margin-left: 560px; }
.side_banner ins img { border: 1px solid #ccc; box-sizing: border-box; max-width: fit-content; min-width: 160px; }

.contents { padding-bottom:30px; line-height:28px; color:#000; font-size:16px; word-break: break-all;}
.contents_img { width:100%; }
.img_title { margin-bottom:20px; padding:5px 10px; background:#e5e5e5; font-size:18px; color:#555;}
.sns01 { padding:20px 0;  text-align:right; }
.tag { padding-bottom:30px; }
.tag strong{color: #000;}
.tag a { display:inline-block; padding-right:10px; color:#ff6609; }
.set_list { padding:0; }
.page_left { position:fixed; top:450px; left:50%; margin-left:-650px; width:52px; height:96px; background:url('../images/controls_01.png') 0 0 no-repeat; text-indent:-5000px; }
.page_right { position:fixed; top:450px; right:50%; margin-right:-650px; width:52px; height:96px; background:url('../images/controls_01.png') 0 0 no-repeat; text-indent:-5000px; background-position:right; }

.search_area { padding:40px 0; text-align:center; }

h1 { padding-bottom:15px; font-size:35px; color:#000; font-weight:600; line-height: 40px;}
h2 { padding-bottom:20px; font-size:26px; color:#313131; font-weight:600; }
h3 { padding:25px 0 20px; font-size:32px; color:#000; font-weight:600; line-height:32px; }
h4 { padding:45px 0 20px; font-size:25px; color:#000; font-weight:600; }
h5 { padding:10px 0 38px; font-size:35px; line-height:50px; color:#000; font-weight:600; }
h6 { padding:0 0 30px; font-size:30px; color:#000; font-weight:600; line-height:30px; }
.mtb0 { margin:0 !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }
.pt10 { padding-top:10px !important; }
.pt30 { padding-top:30px !important; }
.pt50 { padding-top:50px !important; }
.pt0 {padding-top: 0px !important; }
.pb0 { padding-bottom:0 !important; }
.mr0 { margin-right:0 !important; }

.w_100p { width:100%; }

.helper { padding:15px; background:#fff; text-align:center; border:1px solid #c2c2c2; box-shadow:0 1px 5px #d4d4d4;}
.helper span { display:inline-block; padding:0 25px 0 120px; color:#555; font-size:18px; font-weight:600; }
.helper span:first-child { padding-left:0; }
.helper a { margin-left:40px; color:#959595; font-size:15px; font-weight:600; }
.helper a.no_title { margin:0 40px; }

.filter_media { position:relative; margin-bottom:40px; padding:40px; border:1px solid #c2c2c2; overflow:hidden; }
.filter_media p { float:left; margin-right:30px; }
.filter_media p img { /*width:97px;*/ }
.filter_media .media_title { padding:10px 0 15px; font-size:26px; color:#000; font-weight:600; }
.filter_media .media_content { font-size:16px; color:#000; line-height:26px; max-width: 860px; display: inline-block; }
.f_center { text-align:center; }
.filter_media a { display:inline-block; padding:0 15px; font-size:20px; color:#000; font-weight:600; }

.filter_contest { position:relative; margin-bottom:40px; padding:30px; border:1px solid #c2c2c2; line-height:30px; overflow:hidden; }
.filter_contest p { float:left; margin-right:0px; padding:0px 0px 10px solid #c2c2c2; width:14%; }
.filter_contest .contest_title { padding:10px 0 15px; font-size:26px; color:#000; font-weight:600; }
.filter_contest .contest_content { font-size:16px; color:#000; line-height:26px; max-width: 860px; display: inline-block; }
.filter_contest .blue { color:#3777bc; }

.filter_gallery { position:relative; margin-bottom:40px; padding:30px; border:1px solid #c2c2c2; line-height:30px; overflow:hidden; }
.filter_gallery p { float:left; margin-right:0px; padding:0px 0px 10px solid #c2c2c2; width:20%; }
.filter_gallery .gallery_title { padding:10px 0 15px; font-size:26px; color:#000; font-weight:600; }
.filter_gallery .gallery_content { font-size:16px; color:#000; line-height:26px; max-width: 860px; display: inline-block; }
.filter_gallery .blue { color:#3777bc; }


.right_scroll { position:fixed; bottom:50px; left:50%; margin-left:570px; width:70px; }
.right_scroll a { display:block; height:70px; margin-bottom:15px; text-indent:-5000px; }
.right_scroll a.right01 { background:url('../images/right01.png') 0 0 no-repeat; }
.right_scroll a.right02 { background:url('../images/right02.png') 0 0 no-repeat; }
.right_scroll a.right01:hover { background:url('../images/right01_ov.png') 0 0 no-repeat; }
.right_scroll a.right02:hover { background:url('../images/right02_ov.png') 0 0 no-repeat; }
.right_scroll a.right03 { background:url('../images/right01.png') 0 0 no-repeat; }
.right_scroll a.right04 { background:url('../images/right04.png') 0 0 no-repeat; }
.right_scroll a.right03:hover { background:url('../images/right03_ov.png') 0 0 no-repeat; }
.right_scroll a.right04:hover { background:url('../images/right04_ov.png') 0 0 no-repeat; }
.right_scroll a.right05 { background:url('../images/right01.png') 0 0 no-repeat; }
.right_scroll a.right05:hover { background:url('../images/right05_ov.png') 0 0 no-repeat; }

.right_scroll2 { position:fixed; bottom:150px; left:50%; margin-left:570px; width:70px; }
.right_scroll2 a { display:block; height:70px; margin-bottom:15px; text-indent:-5000px; }
.right_scroll2 a.right01 { background:url('../images/right01.png') 0 0 no-repeat; }
.right_scroll2 a.right01:hover { background:url('../images/right06_ov.png') 0 0 no-repeat; }


.footer { padding:35px 0 40px; border-top:1px solid #c6c6c6; box-shadow:0 -5px 10px #eaeaea; }
.footer_area { width:1080px; margin:0 auto; overflow:hidden; }
.footer .left { float:left; margin-right:30px; }
.footer .right { float:left; color:#313131; font-size:12px; line-height:18px; letter-spacing:-0.2px; }
.footer .right .footer_menu { margin-bottom:20px; }
.footer .right .footer_menu a { display:inline-block; font-size:14px; color:#000; font-weight:600; }
.footer .right .footer_menu span { display:inline-block; padding:0 10px; font-size:12px; color:#ccc; }


.pop_layer_cate { display:none; position:absolute; top:30px; left:50%; padding-bottom:20px; margin-left:-195px; width:402px; font-weight:600; font-size:14px; line-height:34px; z-index:9; background:#fff; border:1px solid #c2c2c2; box-sizing:border-box; box-shadow: 0px 5px 7px rgba(0,0,0,0.1); }
.pop_contents { position:relative; }
.pop_close { position:absolute; top:0px; right:10px; width:19px; }
.pop_layer_cate .pop_title { padding:20px 20px 0; color:#ff6600; }
.pop_layer_cate .pop_title.gray { color:#959595; }
.pop_layer_cate .pop_title.gray .on { color:#ff6600; }
.pop_layer_cate dl { display:inline-block; width:110px; float:left; margin:0 5px; font-size:14px; line-height:30px!important;}
.pop_layer_cate dl dt { margin-bottom:7px; color:#000; font-weight:600; border-bottom:3px solid #e5e5e5; }
.pop_layer_cate dl dd a { color:#959595; }
.pop_layer_cate dl dd a:hover { color:#ff6600; }

.galleryColor { display:inline-block; margin-right:5px; width:20px; height:20px; border-radius:50%; box-sizing:border-box; vertical-align:middle; text-indent:-5000px; }
.galleryColor.white { background:#fff; border:1px solid #c9c9c9; }
.galleryColor.black { background:#000; }
.galleryColor.ivory { background:#edecd3; }
.galleryColor.silver { background:#e5e5e5; }
.galleryColor.gray { background:#ababab; }
.galleryColor.blue { background:#7797cd; }
.galleryColor.green { background:#70b071; }
.galleryColor.red { background:#dd6767; }
.galleryColor.orange { background:#f69f64; }
.galleryColor.brown { background:#c49b7d; }
.galleryColor.yellow { background:#ffd247; }
.galleryColor.pink { background:#ffabe2; }
.galleryColor.violet { background:#ae97ee; }
.galleryColor.etc { background:#fff; }



/* UI Object */
.faq{border-bottom:1px solid #ddd;font-size:18px; margin-bottom:50px; }
.faq .hgroup{position:relative;margin:0 0 10px 0;*zoom:1}
.faq .hgroup .trigger{overflow:visible;position:absolute;top:50%;right:0;margin:-7px 0 0 0; padding:0; border:0; background:none; font-size:18px; cursor:pointer}
.faq ul{margin:0;padding:0;list-style:none}
.faq .q{margin:0;border-top:1px solid #ddd}
.faq .q a.trigger{display:block;padding:15px 20px;background:#fafafa;font-weight:bold;color:#333;text-align:left;text-decoration:none !important}
.faq .hide .q a.trigger{font-weight:normal;background:none}
.faq .q a.trigger:hover,
.faq .q a.trigger:active,
.faq .q a.trigger:focus{background:#f8f8f8;color:#000}
.faq .a{margin:0; padding:10px 20px 20px; line-height:1.5; font-size:16px; }
.faq span { color:#999; font-size:18px; }
/* //UI Object */

/* UI Object */
.my_inq{border-bottom:1px solid #ddd;font-size:18px; margin-bottom:50px; }
.my_inq .hgroup{position:relative;margin:0 0 10px 0;*zoom:1}
.my_inq .hgroup .trigger{overflow:visible;position:absolute;top:50%;right:0;margin:-7px 0 0 0; padding:0; border:0; background:none; font-size:18px; cursor:pointer}
.my_inq ul{margin:0;padding:0;list-style:none}
.my_inq .q{margin:0;border-top:1px solid #ddd}
.my_inq .q a.trigger{display:block;padding:15px 0px;background:#fafafa;font-weight:bold;color:#333;text-align:left;text-decoration:none !important}
.my_inq .hide .q a.trigger{font-weight:normal;background:none}
.my_inq .q a.trigger:hover,
.my_inq .q a.trigger:active,
.my_inq .q a.trigger:focus{background:#f8f8f8;color:#000}
.my_inq .a {margin:0; padding:10px 20px 20px 0; line-height:1.5; font-size:16px; }
.my_inq .q span { display:inline-block; padding:0 20px; color:#999; font-size:15px; }
.my_inq .q span.type_code { width:150px; }
.my_inq .q span.num { width:50px; text-align:center; }
.my_inq .q span.date { float:right; }
.my_inq .q span.status { float:right; }
.my_inq .a > span { display:inline-block; padding-left:115px; color:#000; font-size:15px; word-break:break-all; }
.my_inq .a .question { padding-bottom:10px; word-break:break-all; }
.my_inq .a .question span { padding-right:10px; margin-left: -22px;}
.my_inq .a .answer span { padding-right:10px; margin-left: -22px;}
.my_inq .a .answer span.date { display:block; padding-top:10px; margin-left: 0; color:#999; }
/* //UI Object */


/* UI Object */
.paginate{padding:15px 0;text-align:center}
.paginate a img{border:none;vertical-align:middle;_vertical-align:top}
.paginate a,.paginate strong {display:inline-block; position:relative; padding:2px 10px; color:#c2c2c2; font-size:20px; font-weight:600; line-height:normal; text-decoration:none; vertical-align:middle}
.paginate strong{color:#f60 !important;font-weight:bold}
.paginate .frst{background:none}
.paginate a.pre,.paginate a.next{padding:0;background:none !important}
.paginate a.pre{margin:0 15px 0;}
.paginate a.next{margin:0 15px 0;}
/* //UI Object */

/*���*/
.container_login > p { padding-bottom:10px; }
.login_sns h1 { padding-bottom:20px; color:#000; font-size:22px; text-align:center; }
.login_sns a { display:inline-block; width:25%; text-align:center; }
.login_join_btn { padding:50px 0; text-align:center; }
.login_join_btn a { display:inline-block; padding:0 60px; margin:15px auto 0; border:1px solid #b3b3b3; font-size:18px; color:#000; line-height:50px; font-weight:600;}
.comment_center { padding-bottom:40px; text-align:center; font-size:18px; line-height:25px; }
.pass_ok { padding-bottom:30px; }

.f_red, .f_red:hover { color:#ff6600; }
.f_gray { color:#959595; }

.promise_area .promise_list label { color:#000; font-weight:600; }
.promise_area .promise_list { padding-bottom:15px; }
.promise_area .chk_option { padding-left:30px; color:#000; font-weight:600;  }
.promise_area .chk_option p { padding:0 0 10px; }
.promise_area .chk_option label { color:#333; font-weight:400; }

/* ���������� */
.my_container { overflow:hidden; }
.my_profile { float:left; width:200px; text-align:center; }
.my_profile .profile_img img { border:4px solid #ff6600; border-radius:50%; margin-bottom:20px; box-sizing:border-box; }

.my_content { padding-left:280px; }
.my_list { padding-top:20px; margin-bottom:20px; border-top:1px solid #e5e5e5; }
.my_list:first-child { padding-top:0; margin-bottom:20px; border-top:0; }
.my_list dl { padding-bottom:10px; }
.my_list dl dt { display:inline-block; width:19%; font-size:20px; color:#555; font-weight:600; vertical-align:top; line-height:50px; }
.my_list dl dd { display:inline-block; width:80%; }

.my_list01 { padding-top:20px; margin-bottom:20px; border-top:1px solid #e5e5e5; }
.my_list01 dl { padding-bottom:10px; }
.my_list01 dl dt { display:inline-block; width:19%; font-size:20px; color:#555; font-weight:600; vertical-align:top; line-height:50px; }
.my_list01 dl dd.s_title { display:inline-block; width:11%; }
.my_list01 dl dd { display:inline-block; width:68%;  }
.pass_ok1 { display:inline-block; padding-left:10px; font-size:14px; }

.my_total { padding:20px 0 15px; font-size:18px; color:#000; font-weight:600; }
.control { margin-bottom:20px; }
.control a { color:#959595; }

.pay_period { padding:15px; margin-bottom:25px; border:1px solid #c2c2c2; text-align:center; }
.pay_period p { display:inline-block; padding-right:30px; color:#000; font-size:22px; font-weight:600; }
.pay_period .peri_month { display:inline-block; margin-right:60px; }
.pay_period a { display:inline-block; width:100px; text-align:center; line-height:48px; box-sizing:border-box; border:1px solid #c2c2c2; border-left:0; background:#e5e5e5; }
.pay_period a.on { background:#fff; }
.pay_period a:first-child { border-left:1px solid #c2c2c2 !important; }

.bor_right_none { border-right:0 !important; }

.alarm02 { margin-top:20px; padding:15px 0 ; text-align:center; border:1px solid #c2c2c2; color:#000; overflow:hidden; }
.alarm02 > p { display:inline-block; padding-top:15px; padding-right:30px; font-size:20px; font-weight:600; vertical-align:top; }
.alarm02 > div { display:inline-block; font-size:18px; }
.alarm02 .info3 { margin-top:5px; font-size:15px; text-align:left; }


.result_menu { display:table; margin:0 auto 35px; }
.result_menu li { float:left; padding:0 30px; }
.result_menu li a { display:block; color:#000; font-size:20px; font-weight:600; line-height:40px; box-sizing:border-box; }
.result_menu li a span { font-size:16px; }

.result_menu li a.on { color:#ff6600; border-bottom:4px solid #ff6600; }
.result_menu li a.on span { color:#ff6600; }

.member_out { line-height:28px; }
.member_out_title { margin-bottom:0; padding-bottom:20px; border-bottom:1px solid #ccc; }
.member_con {  }
.member_con p { padding:40px 0 10px; font-weight:600; color:#000; }
.member_foot { margin-top:30px; padding:20px 0; font-size:14px; border-top:1px solid #ccc; line-height:20px; }

/* 약관 */
.law_contents { line-height:26px; }
.law_contents h1 { padding:25px 0; font-size:20px; color:#000; font-weight:600; }
.law_contents h2 { padding:20px 0; font-size:16px; color:#000; font-weight:600; }
.law_contents p { padding-left:10px; }

input[type="checkbox"], input[type="radio"] { left:0; top:0; width:1px; height:1px; margin:0; opacity:0; }
input[type="checkbox"] + label { margin:0; padding:0 23px 0 30px; display:inline-block; background:url('/res/images/btn_checkbox_n.png') 0 0 no-repeat; height:22px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
input[type="checkbox"]:checked + label { background:url('/res/images/btn_checkbox_s.png') 0 0 no-repeat; }
input[type="radio"] + label { margin:0; padding:0 30px; display:inline-block; height:22px; width:22px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; background:url('/res/images/btn_radio_n.png') 0 0 no-repeat; }
input[type="radio"]:checked + label { background:url('/res/images/btn_radio_s.png') 0 0 no-repeat; }
input[type="checkbox"]:focus + label, input[type="radio"]:focus + label { -webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); -moz-box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); box-shadow:inset 0 1px 3px rgba(0,0,0,0.05), 0 0 8px rgba(82,168,226,0.6); }

.no_label {text-indent:-5000px !important; padding:0 0 0 10px !important; width: 22px;}

select { -webkit-appearance: none; /* ����Ƽ�� ���� ���߱� */ 
-moz-appearance: none; appearance: none; 
background: url(../images/arrow_select.png) no-repeat 95% 50%; /* ȭ��ǥ ����� �̹��� */ } 

/* IE 10, 11�� ����Ƽ�� ȭ��ǥ ����� */ select::-ms-expand { display: none; }

/* CSS for Data Attributes */
[data-image="title"] {
	display: none;
}
[data-slider] {
	visibility: hidden;
}
[data-item-hidden] {
	display: none;
}

.new_add p { padding-left:0; }
.new_add .title { font-size:36px; padding:50px 0 90px; }
.new_add .title span { color:#ff6600; }
.new_add .intro { font-size:22px; line-height:30px; }
.new_add .intro span { color:#ff6600; }
.new_add ul { margin-top:60px; margin-left:-30px; overflow:hidden; }
.new_add ul li { float:left; width:340px; padding-left:30px; font-size:18px; }
.new_add ul li .t_center { text-align:center; }
.new_add ul li .add_title { padding-top:40px; font-size:30px; font-weight:600; }
.new_add ul li .line { display:block; background:#ff6600; height:2px; width:55px; margin:20px 0; }
.new_add ul li span { color:#ff6600; font-weight:600; }
.new_add ul li p { height:110px; }
.new_add .btn_price { margin-top:50px; text-align:center; }
.new_add .btn_price a { display:inline-block; font-size:18px; padding:20px 60px; background:#ff6600; color:#fff; margin:0 auto; }
.new_add .question { margin:50px 0; padding-bottom:50px; border-bottom:1px solid #cccccc; }
.new_add .question p { padding:25px 0; font-size:18px; text-align:center; background:#dfdfdf; }
.customer_main { position: relative; }
.customer_menu { position: absolute; right: 0; border: 1px solid #c2c2c2; box-shadow: 0px 5px 7px rgba(0,0,0,0.1); background-color: white; z-index: 9; display: none;}
.customer_menu a { color: black; display: block !important; font-weight: normal; line-height: 12px; padding: 8px 10px !important;}


.writer_info3 { position:relative; padding:0 0 0 10px; overflow:hidden; }
.writer_info3 p { display:inline-block; width:40px; }
.writer_info3 p img { width:30px; border:1px solid #b3b3b3; box-sizing:border-box; border-radius:50%; vertical-align:bottom;}
.writer_info_area3 { position:relative; display:inline-block; vertical-align: super; }
.writer_info_area3 .writer_name { display:inline-block; margin-right:10px; font-size:15px; color:#000; font-weight:600; }
.writer_info_area3 span { display:inline-block; margin-right:5px; color:#999; font-size:15px;}
.writer_info_area3 .thumb_date { display:inline-block; width:auto; padding:0; font-size:15px; color:#959595; font-weight:normal; }
.thumb_cate1 { display: inline-block; padding: 10px 10px 0; font-size: 15px; color: #959595; font-weight: 600; }
.thumb_cate1.blue { color:#3777bc; }

.writer_info4 { margin-top:30px; padding:25px 0; overflow:hidden; position:relative; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
.writer_info4 p { float:left; width:100px; }
.writer_info4 p img { border:1px solid #eaeaea; box-sizing:border-box; border-radius: 50%; }
.writer_info_area4 { padding-left:115px; }
.writer_info_area4 .writer_name { display:inline-block; padding-right:10px; line-height:40px; font-size:24px; color:#000; font-weight:600; }
.writer_info_area4 span { display:inline-block; vertical-align:top; }
.writer_info_area4 .writer_comment { margin-top:15px; font-size:15px; color:#666; line-height:24px; overflow:hidden; max-height:123px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.writer_info4 .view_more { position:absolute; top:40px; right:0; font-weight:normal; color:#999; }
.writer_info4 .view_more a { font-size:12px; font-weight: 600; color:#666;}

.writer_info5 { margin-top:30px; padding:25px 0; overflow:hidden; position:relative;}
.writer_info5 p { float:left; width:100px; }
.writer_info5 p img { border:1px solid #eaeaea; box-sizing:border-box; border-radius: 50%; }
.writer_info_area5 { padding-left:115px; }
.writer_info_area5 .writer_name { display:inline-block; padding-right:10px; line-height:40px; font-size:24px; color:#000; font-weight:600; }
.writer_info_area5 span { display:inline-block; vertical-align:top; }
.writer_info_area5 .writer_comment { margin-top:15px; font-size:15px; color:#666; line-height:24px; overflow:hidden; max-height:123px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; }

.writer_info5 .view_more { position:absolute; top:40px; right:0; font-weight:normal; color:#999; }
.writer_info5 .view_more a { font-size:12px; font-weight: 600; color:#666;}

.zoom { position:relative; display:block; overflow:hidden; box-sizing:border-box; }

.customer_main_guide { color:#000; overflow:hidden; } 
.customer_main_guide .guide01 { float:left; width:360px; padding-top:40px; height:150px; font-size:24px; font-weight:600; box-sizing:border-box; background:url(/img/bg_guide.png) right 0 no-repeat; } 
.customer_main_guide .guide02 { float:left; padding-right:70px; } 
.customer_main_guide .guide02 > span { display:inline-block; padding-right:20px; vertical-align:top; }
.customer_main_guide .guide02 img { vertical-align:top; } 
.customer_main_guide .guide02 > div { display:inline-block; }
.customer_main_guide .guide02 p { padding-bottom:10px; font-size:18px; color:#000; font-weight:600; }
.customer_main_guide .guide03 { float:left;  } 
.customer_main_guide .guide03 > span { display:inline-block; padding-right:20px; vertical-align:top; }
.customer_main_guide .guide03 img { vertical-align:top; } 
.customer_main_guide .guide03 > div { display:inline-block; font-size:18px; color:#000;}
.customer_main_guide .guide03 p { padding-bottom:10px; font-weight:600; }
.customer_main_guide .guide03 div span { font-size:24px; font-weight:600; color:#ff6600; }

.customer_main_box { margin-bottom:50px; padding:50px 0; text-align:center; background:#ff6600; line-height:30px; }
.customer_main_box > div { padding:0 100px; display:inline-block; color:#fff; border-left:1px solid #fff; }
.customer_main_box > div:first-child { border-left:none; }
.customer_main_box p { padding:20px 0; font-size:24px; font-weight:600; }
.customer_main_box a { color:#fff; }

.customer_main_list { overflow:hidden; }
.customer_main_list .list_box { float:left; width:45%; }
.customer_main_list .list_box p { position:relative; padding-bottom:20px; margin-bottom:10px; font-size:24px; line-height:24px; color:#000; font-weight:600; border-bottom:1px solid #000; }
.customer_main_list .list_box p a { position:absolute; top:0; right:0; color:#000; }

.customer_main_list .list_box table td { padding:10px; font-size:16px; border-bottom:1px solid #ccc; }
.customer_main_list .list_box table td.date { font-size:14px; text-align:right; }
.customer_main_list .list_box table td .date01 { display:inline-block; padding:0 10px; background:#7b7b7b; font-size:14px; color:#fff; text-align:center; }


.member_total { color:#999; position:relative; margin:30px 0; padding:20px 0; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:600; font-size: 14px;}
.member_total span { display:inline-block; padding-left:10px; color:#000; }
.member_total i { display:inline-block; padding:0 10px; color:#999; font-weight:normal; font-style:normal;}
.member_total p { position:absolute; top:20px; right:0; }
.member_total p select { padding: 0 25px 0 5px!important; height: 26px; line-height: 26px; background: url(../images/arrow_select.png) no-repeat 90% 50% }


.writer_info3 .info_data { font-size:15px; font-weight:600; }

/* C1 timer count layer popup css */
#modalLayerPopup { position: fixed; width: 100%; top: 34%; height: 100%; z-index: 10; }
#modalLayerPopup .modalLayerPopup_content { width: 250px; margin: 100px auto; padding: 24px 10px; background: #fff; border: 2px solid #666; border-radius: 10px; line-height: 14px; border-color: transparent; text-align: center; }
#modalLayerPopup .modalLayerPopup_layer { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: -1; }
#modalLayerPopup .modalLayerPopup_content strong { font-size: 1.5rem; }
#modalLayerPopup .modalLayerPopup_content p { font-weight: 700; }
#modalLayerPopup .modalLayerPopup_text { font-size: 0.8rem; }

/* poster overlay and icon hover effect css */
.poster{ position: relative; }
.poster .after { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 94%; display: none; color: #FFF; }
.poster:hover .after { display: block; background: rgba(0, 0, 0, .2) url(../images/magnifier-7-64.png) no-repeat; background-position: 50% 50%; }

.textareaBox .selectSubTitle { width: 18%; margin: 0px 0px 0px 0px; height: 50px; padding-left: 14px; font-size: 16px;}