/*
Project :
Author  :
Date    :
*/

/* Common */
html, body {font-family: '돋움', Dotum, sans-serif;font-size:13px;-webkit-font-smoothing: antialiased;background: #fff;line-height:1;}
img{border:0;margin:0;padding:0;max-width:100%;}
a{margin:0;padding:0;}
a[name]{height:0;}

.fleft{float:left;}
.fright{float:right;}
.alternative{z-index: -1;width: 0;height: 0;overflow: hidden;visibility: hidden;}
.txtleft{text-align:left !important;}
.txtcenter{text-align:center !important;}
.txtright{text-align:right !important;}
.txtbold{font-weight:bold !important;}
.prelative{position:relative;}
.pabsolute{position:absolute !important;}
.line_height{ line-height:0px;}
.verttop{ vertical-align:top;}
.vertbottom{ vertical-align:bottom;}
ul, li{ margin:0;}
li img { vertical-align:middle; }
.maright{ margin-right:20px;}
.maleft{ margin-left:20px !important;}
.total{ background-color:#f2f2f2; }
.matop10{ margin-top:10px;}
.matop30{ margin-top:30px;}
.matop50{ margin-top:50px;}
.matop{ margin-top:40px;}
.matoplf{ margin-top:14px;}

@import url('https://fonts.googleapis.com/css?family=Roboto');

/* Layout */

.container{position:relative;width:1170px;margin:0 auto; text-align:center; }
.container-fluid{position:relative;width:100%;margin:0 auto; text-align:center;  font-family: '돋움', Dotum, sans-serif;}

#tea_tha_2017_r_ban{position: relative;  z-index: 500;}
#tea_tha_2017_r_ban .tea_tha_2017_r_area{position: fixed; top: 200px; right: 110px; }
#tea_tha_2017_r_ban .tea_tha_2017_r_area .r_number{position:absolute; top:110px; left:35px; font-size:33px; font-weight:bold; color:#fff; font-family: 'Roboto', sans-serif; letter-spacing:-1px; }

.view_list{position:absolute; right:0px; top:0;}

.top_menu{background: url(/event/img/teacher_thanks_2017/top_bg.png); height:63px; position: fixed; z-index:9999;}
	.top_menu li{height:63px; overflow-y:hidden; float:left;}
	.top_menu li a img{position:relative; top:0;}
	.top_menu li a:hover img, .top_menu li a.active img{top:-68px;}

.header{background: #fff5f0 url(/event/img/teacher_thanks_2017/header_bg.png) no-repeat 50% 100%;  height:955px; overflow:hidden; background-size:cover;}
	.header h1{margin-top:130px}
	.header .vod{ width:808px; height:441px; border:10px solid #ff8a96; text-align:center; margin:20px auto 0; background:#000;}


.card{background:#ff8a96; padding:60px 0;  text-align:center;}
	.card .card_area{width:823px; height:519px; background:url(/event/img/teacher_thanks_2017/card_big.png);  text-align:center; margin:40px auto 0; position:relative; }
	.card .card_area .card_type{width:765px; position:absolute; left:30px;}
	.card .card_area .card_type .inputbox{position:absolute; top:80px; left:70px;}
	.card .card_area .card_type textarea{width:600px; height:190px; border:0; vertical-align:top; font-size:16px; font-weight:bold;  font-family: '돋움', Dotum, sans-serif; color:#bbbbba;}

	.card .card_area .card_cheak{position:absolute;bottom:0; background:url(/event/img/teacher_thanks_2017/card_big_01.png); width:823px; height:275px; z-index:9998;}
	.card .card_area .card_cheak ul{margin-top:100px; text-align:left; margin-left:100px;}
	.card .card_area .card_cheak ul p{margin-bottom:16px;}
	.card .card_area .card_cheak li{float:left; position:relative; margin-right:20px;}
	.card .card_area .card_cheak li a .cheakbox{position:absolute; height:32px; overflow-y:hidden; top:-10px; left:-10px;}
	.card .card_area .card_cheak li a .cheakbox img{position:relative; top:0;}
	.card .card_area .card_cheak li a:hover .cheakbox img, .card .card_area .card_cheak li a.active .cheakbox img{top:-38px;}

.gift{background:#fffcf5; padding:60px 0;  text-align:center;}
	.gift ul{display:inline-block; text-align:center; margin: 0 auto; ; margin-top:10px;}
	.gift ul li{float:left; width:279px; height:252px; position:relative;  margin-left:40px;}
	.gift ul li .hoverimg{position:absolute; top:0;left:0; width:279px; height:252px; background:url('/event/img/teacher_thanks_2017/con_imgover.png');display:none;}
	.gift ul li:hover .hoverimg{display:block;}

	.gift .active{display:block;}

	.gift ul li .hoverimg img{position:relative;top:30%;left:40%;margin:-15px 0 0 -15px;display:block!important;}

.card_list{ background:#fffcf5;}
	.card_list h3{text-align:left; margin-bottom:8px; }
	.card_list ul{display:inline-block; text-align:center; margin: 0 auto; }
	.card_list li{float:left; position:relative; margin-left:39px; margin-bottom:39px;}
	.card_list li .inputbox{position:absolute; top:60px; left:45px; width:276px; height:120px;  font-size:14px; font-weight:bold;  font-family: '돋움', Dotum, sans-serif; color:#1a1a1a; line-height:20px; text-align:left; letter-spacing:-1px; overflow-y:auto; }
	.card_list li .name{font-size:12px; font-weight:nomal; color:#bbbbba; position:absolute; bottom:-18px; right:0; color:#000;}



.comment{background: #feb657 url(/event/img/teacher_thanks_2017/comment_bg.png) no-repeat 50% 100%;  height:918px; overflow:hidden; background-size:cover; }
	.comment h1{margin-top:100px; margin-bottom:30px; position:relative;}
	.comment h1 .cominput{position:absolute; top:20px; left:270px;}
	.comment h1 .cominput input[type="text"]{width:355px; height:50px; border:0; vertical-align:top; font-size:28px;  font-family: 'noto sans' , Dotum, sans-serif; color:#cccccc; letter-spacing:-2px; }
	.comment p{margin-top:20px; margin-bottom:30px;}

	.commentsize{width:582px; height:83px; background:url(/event/img/teacher_thanks_2017/btn_evnet_size.png); position:absolute; top:-55px; left:50%;}
	.commentsize div{margin:10px 0 0 5px;}

.comment_list{background:#fffcf5; padding:60px 0;  text-align:left;}
	.comment_list .comment_lista{margin-bottom:35px;}
	.comment_list .comment_lista li{  float:left; width:217px; height:129px; text-align:center; background:#8edadc  url(/event/img/teacher_thanks_2017/comment01.png) no-repeat; background-position:center;   position:relative; margin-left:20px;}
	.comment_list .comment_lista li .text{position:absolute; top:47px; left:18px;background:#fff; width:180px; height:32px; text-align:center; margin:0 auto; line-height:35px; font-size:14px; font-weight:bold; color:#1a1a1a;}
	.comment_list .comment_lista li.pink{background:#feb657 url(/event/img/teacher_thanks_2017/comment01.png) no-repeat; background-position:center; }

	.pagerbox>ul.pager{margin:10px auto 0px; text-align:center;  display:inline-block;}
	.pagerbox>ul.pager li{float:left;font-family:tahoma;font-size:15px;margin:0 2px;}
	.pagerbox ul.pager li a{padding:7px 10px;;color:#3d3d3d;text-decoration:none;*display:block;}
	.pagerbox ul.pager li a img{position:relative; top:-4px;}
	.pagerbox ul.pager li a.active{color:#d73f35;font-weight:bold;}

.bottom{background:#5e5d5b; padding:30px 0;}
	.bottom .btn01{position:absolute; top:-4px; left:610px;}
	.bottom .btn02{position:absolute; bottom:25px; right:60px;}

.footer{background-color:#1e1e1d; padding:17px 0;  color:#fff;}
   .footer .btngo a{ margin-right:5px;}