*{margin:0; padding:0}
html{width:100%; height:100%}
/* 공통 */

@import url("http://fonts.googleapis.com/earlyaccess/nanumgothic.css");


body{font-size:13px; font-family:"Nanum Gothic", "NanumGothic", dotum,"돋움",sans-serif,'Arial'; color:#444444; line-height: 22px;}
body,div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,input,table,tr,th,td{margin:0; padding:0}
ul,ol,li{list-style:none;}
img, fieldset{border:none; vertical-align:top; margin:0; padding:0}


textarea, button{vertical-align:middle}
input, select{height:16px; border:1px solid #dfdfdf; background:#fff; color:#666; font-family:"NanumGothic",dotum,"돋움",sans-serif,'Arial'; font-size:13px}
input{height:20px; padding:3px;}
select{height:28px; padding:2px;}
option {padding:2px;}
textarea{padding:3px; border:1px solid #ddd; background:#fff; color:#666; vertical-align:middle}
.checkbox{padding:0; border:0;}
.disNone{display:none;}
table{border-collapse:collapse}

a{color:#444; text-decoration:none; font-size:13px}
a:hover,a:focus{color:#000; text-decoration:none;  text-decoration:none; font-size:13px}
a:active{color:#444; text-decoration:none; font-size:13px}

/* 간격*/
.p_dan {margin-bottom:15px; font-size:13px; font-family:"Nanum Gothic", "NanumGothic", dotum,"돋움",sans-serif,'Arial'; color:#444444; line-height: 22px;}
.pad_top_5 {padding-top:5px !important}
.pad_top_10 {padding-top:10px !important}
.pad_top_15 {padding-top:14px !important}
.pad_t20b20 {padding:20px 0 !important}
.h_5 {height:5px}
.h_10 {height:10px}
.h_15 {height:14px}
.h_20 {height:20px}
.h_25 {height:25px}
.h_30 {height:30px}

#main_content {width:100%; height:60px; background:#FFF;  font-family:"Source Sans Pro",sans-serif; font-size:13px; border-bottom:0px solid #eaeaea;  }
#main_info {position:relative; width:100%; height:60px; font-family:"Source Sans Pro",sans-serif; font-size:13px; border-bottom:0px solid #eaeaea}
#header_info_main {position:relative; width:1250px; left:50%; margin-left:-625px; }
#logo_info {position:absolute; top:0px; left:0px; }
#nav_info {position:absolute; top:0px; right:0px;}
#nav_info dd {margin:0px; padding:0px 20px; float:left; line-height:60px; cursor:pointer; text-align:center; letter-spacing:1px; background:url(../images/menu_mak.png) no-repeat center right;}
#nav_info dd.last {margin:0px; padding:0px 20px; float:left; line-height:60px; cursor:pointer; text-align:center; letter-spacing:1px; background:url(../images/dot.png) no-repeat center right;}

#nav02_info {position:absolute; top:61px; right:0px; height:50px; border-top:1px solid #eaeaea;  }
#nav02_info dd {margin:0px; padding:0px 12px; float:left; line-height:40px; cursor:pointer; text-align:center; letter-spacing:0px; background:url(../images/menu_mak.png) no-repeat center right; font-size:12px}
#nav02_info dd.last {margin:0px; padding:0px 20px; float:left; line-height:40px; cursor:pointer; text-align:center; letter-spacing:1px; background:url(../images/dot.png) no-repeat center right;}
.photo_r {float:left; width:325px; margin-right:30px; display:relative}
.photo_r img {width:325px; height:523px}
.copy_r {float:left; margin-left:356px; width:545px; overflow:hidden}

/* 레시피 박스 */
.p_dan_r {margin:0 0 15px 0; padding:10px 15px; background:#efefef;font-size:13px; font-family:"Nanum Gothic", "NanumGothic", dotum,"돋움",sans-serif,'Arial'; color:#444444; line-height: 22px;}

.en_title {font-weight:bold; color:#000; font-size:18px; letter-spacing:1px}

#footer_wrap { position:fixed; width:100%; height:110px; bottom:0px; background:#FFF; z-index:999; border-top:1px solid #eaeaea;}
.footer_info {position:absolute; width:1250px; left:50%; margin-left:-625px; font-size:11px; color:#999;  letter-spacing:0px;}

.sti_info {margin:0 0 30px 0}
.sti_info_en {margin:15px 0 25px}
.resi_indent {padding-left:15px; display:inline-block}

.strong01 {font-weight:normal; color:#000; border-bottom:1px dashed #bbbbbb; padding-bottom:6px }
b {font-weight:bold; color:#000}
.strong02  {font-weight:bold; color:#000; border-bottom:0px dashed #bbbbbb; padding-bottom:6px; font-size:14px; display:inline-block }

#content {margin-top:133px; width:930px; margin:0 auto; height:100%; padding-top:133px; margin-bottom:200px}
.con01 { width:930px; }
.con01 .photo {float:left; width:300px; margin-right:30px}
.con01 .photo img {float:left; width:300px; height:523px}
.con01 .copy_info {float:left; width:600px; overflow:hidden}
.con02 {position:relative; width:930px; }
.con02 .inner {position:absolute; margin:20px; background: none rgba(0, 0, 0, 0.4);  padding:20px 20px 5px 20px; display:inline-block; color:#ebebeb}
.con03 {position:absolute; margin-top:133px; width:930px; }

.line01 {float:left; width:450px; overflow:hidden; margin-right:30px}
.line02 {float:left; width:450px; overflow:hidden;}

.con { font-family:"Nanum Gothic",dotum,"돋움",sans-serif,'Arial'; font-size:14px; }
.strong {font-weight:bold;}


.smart_head { width:960px; margin:0 auto; position:relative;}
.tabmenu {width:960px; padding:30px 0 30px; background:#FFF; position:fixed; top:0}
.tabmenu li {float: right; margin-left:8px}
.tabmenu_movie {width:960px; padding:30px 0 0px; background:#FFF; position:fixed; top:0}
.tabmenu_movie li {float: right; margin-left:8px}
.clear {clear:both}



.demo_down ul  {margin-top:40px; border:2px solid #444}
.demo_down ul li {padding: 50px 19px 40px; border-bottom:0px solid #e1e1e1; font-size:13px}
.demo_down ul li a {}
.demo_down ul li p {padding: 0px 0 10px;  font-size:16px;  font-weight:500}

.demo_down02 ul  {margin-top:20px; border-top:0px solid #e1e1e1}
.demo_down02 ul li {padding: 50px 19px 40px; border-bottom:0px solid #e1e1e1; font-size:13px}
.demo_down02 ul li a {}
.demo_down02 ul li p {padding: 0px 0 20px;  font-size:18px;  font-weight:500}

.btn_set {TEXT-ALIGN:CENTER;	display:inline-block; width:239px; padding:10px 25px; border:0px solid #ebebeb; background:#f5f5f5; color:#555; font-size:18px; margin-right:20px; margin-bottom:10px}
.btn_set_last {TEXT-ALIGN:CENTER;	display:inline-block; width:239px; padding:10px 25px; border:0px solid #ebebeb; background:#f5f5f5; color:#555; font-size:18px; margin-right:0px; margin-bottom:10px}

a.btn_set_01 {TEXT-ALIGN:CENTER;	display:inline-block; width:289px; height:84px; height:84px; background: url(../images/btn_01.png) no-repeat center top; font-size:19px; margin-right:20px; margin-bottom:10px; color:#FFF; vertical-align:middle; font-weight:400}
a:hover.btn_set_01 {TEXT-ALIGN:CENTER;	display:inline-block; width:289px; height:84px; background: url(../images/btn_01_over.png) no-repeat center top; font-size:19px; margin-right:20px; margin-bottom:10px; color:#FFF}
a.btn_set_01_last {TEXT-ALIGN:CENTER;	display:inline-block; width:289px; height:84px; background: url(../images/btn_01.png) no-repeat center top; font-size:19px; margin-right:0px; margin-bottom:10px; color:#FFF; vertical-align:middle; font-weight:400}
a:hover.btn_set_01_last {TEXT-ALIGN:CENTER;	display:inline-block; width:289px; height:84px; background: url(../images/btn_01_over.png) no-repeat center top; font-size:19px; margin-right:0px; margin-bottom:10px; color:#FFF}

a.btn_set_02 {TEXT-ALIGN:CENTER;	display:inline-block; width:289px; height:84px; height:84px; background: url(../images/btn_02.png) no-repeat center top; font-size:19px; margin-right:20px; margin-bottom:10px; color:#FFF; vertical-align:middle; font-weight:500}
a:hover.btn_set_02 {TEXT-ALIGN:CENTER;	display:inline-block; width:289px; height:84px; background: url(../images/btn_02_over.png) no-repeat center top; font-size:19px; margin-right:20px; margin-bottom:10px; color:#FFF}
a.btn_set_02_last {TEXT-ALIGN:CENTER;	display:inline-block; width:289px; height:84px; background: url(../images/btn_02.png) no-repeat center top; font-size:19px; margin-right:0px; margin-bottom:10px; color:#FFF; vertical-align:middle; font-weight:500}
a:hover.btn_set_02_last {TEXT-ALIGN:CENTER;	display:inline-block; width:289px; height:84px; background: url(../images/btn_02_over.png) no-repeat center top; font-size:19px; margin-right:0px; margin-bottom:10px; color:#FFF}

a.btn_set_03 {TEXT-ALIGN:CENTER;	display:inline-block; width:289px; height:84px; height:84px; background: url(../images/btn_03.png) no-repeat center top; font-size:19px; margin-right:20px; margin-bottom:10px; color:#FFF; vertical-align:middle; font-weight:400}
a:hover.btn_set_03 {TEXT-ALIGN:CENTER;	display:inline-block; width:289px; height:84px; background: url(../images/btn_03_over.png) no-repeat center top; font-size:19px; margin-right:20px; margin-bottom:10px; color:#FFF}
a.btn_set_03_last {TEXT-ALIGN:CENTER;	display:inline-block; width:289px; height:84px; background: url(../images/btn_03.png) no-repeat center top; font-size:19px; margin-right:0px; margin-bottom:10px; color:#FFF; vertical-align:middle; font-weight:400}
a:hover.btn_set_03_last {TEXT-ALIGN:CENTER;	display:inline-block; width:289px; height:84px; background: url(../images/btn_03_over.png) no-repeat center top; font-size:19px; margin-right:0px; margin-bottom:10px; color:#FFF}

.btn_txt {width:289px; height:84px; display:table-cell; vertical-align:middle; text-align:center}

.down_num {display:inline-block; width:60px; text-align:center}
.icon_down {vertical-align:middle; margin:0 10px; }

.title_movie {color:#ff6600; font-size:16px; padding:0px 0 30px; font-weight:bold}

.movie_view {margin:60px 0 0px}
.movie_view .title {padding:10px 20px 8px; background:#f6f6f6;}
.title_movie_view {color:#444; font-size:16px; font-weight:500; float:left; line-height:34px}

.movie_view .play {text-align:center;   height:822px; padding-top:68px; background: url(../images/back_pc_detail.png) no-repeat center 50px;}
.movie_view .play iframe {width:865px; height:649px}

.title_movie_view img {vertical-align:middle;}

.movie_main {padding:60px 30px 0}
.movie_main ul li {float:left;  position:relative; }

.pc_main{ display:inline-block; background: url(../images/back_pc_main.png) no-repeat 0px 0px; width:430px; height:359px; padding-top:7px; text-align:center }
.pc_list{ display:inline-block; background: url(../images/back_pc_list.png) no-repeat 0px 0px; width:225px; height:171px; padding-top:3px; padding-right:3px; padding-left:3px }
.pc_list_app{ display:inline-block; background: url(../images/back_pc_list_app.png) no-repeat 0px 0px; width:225px; height:171px; padding-top:30px; text-align:center}
.m_main{display:inline-block;  text-align:center; width:430px; height:359px; }
.mobile_main{ display:inline-block;  text-align:center; width:430px; height:359px; background: url(../images/back_mobile.png) no-repeat top center; }
.movie_list ul li img.mobile_back01_img {width:158px; margin-top:62px; margin-left:3px}

.movie_main ul li p{padding:15px 0 10px;  font-size:24px}

.movie_main ul li.fir {padding-right:40px}
.movie_main ul li.sec {padding-left:0px; padding-right:0px}
.movie_main ul li iframe{width:430px; height:323px}

.movie_list {}
.movie_list ul {margin-bottom:30px}
.movie_list ul li {float:left; margin-right:40px; width:460px; position:relative;}
.movie_list ul li p{padding:10px 0 15px; font-size:24px}
.movie_list ul li.last{float:left;margin-right:0px;}
.movie_list ul li img.pc_back01_img{ margin-top:10px; margin-left:9px; width:442px}
.movie_list ul li img.pc_back03_img{ margin-top:15px; margin-left:15px; width:400px}

.movie_list_3dan {}
.movie_list_3dan ul {margin-bottom:30px}
.movie_list_3dan ul li {float:left; margin-right:30px; width:300px; position:relative;}
.movie_list_3dan ul li p{padding:10px 0 15px; font-size:24px}
.movie_list_3dan ul li.last{float:left;margin-right:0px;}
.movie_list_3dan ul li img.pc_back04_img{ margin-top:6px; margin-left:6px; width:288px}

.movie_list ul li img {width:219px; }


.pc_back01{ display:inline-block; background: url(../images/back_pc_list01.png) no-repeat 0px 0px; width:460px; height:310px;}
.pc_back02{ display:inline-block; background: url(../images/back_pc_list02.png) no-repeat 0px 0px; width:460px; height:333px;}
.pc_back03{ display:inline-block; background: url(../images/back_pc_list03.png) no-repeat 0px 0px; width:460px; height:332px;}
.pc_back04{ display:inline-block; background: url(../images/back_pc_list01.png) no-repeat 0px 0px; background-size: 300px 202px; width:300px; height:202px;}

.icon_play_3dan {top:124px; left:135px; width:30px;height:20px; position:absolute; background: url(../images/icon_play.png) no-repeat 0px 0px;}
.icon_play {top:171px; left:215px; width:30px;height:20px; position:absolute; background: url(../images/icon_play.png) no-repeat 0px 0px;}
.icon_play_m {top:217px; left:215px; width:30px;height:20px; position:absolute; background: url(../images/icon_play.png) no-repeat 0px 0px;}
.icon_play_app {top:112px; left:98px; width:30px;height:20px; position:absolute; background: url(../images/icon_play.png) no-repeat 0px 0px;}
.icon_play_main_pc {top:173px; left:193px; width:44px;height:30px; position:absolute; background: url(../images/icon_play_main.png) no-repeat 0px 0px;}
.icon_play_main_m {top:212px; left:194px; width:44px;height:30px; position:absolute; background: url(../images/icon_play_main.png) no-repeat 0px 0px;}
.icon_play_main {top:121px; left:192px; width:44px;height:30px; position:absolute; background: url(../images/icon_play_main.png) no-repeat 0px 0px;}

.btn_mannual {display:inline-block; padding:5px 20px; border:0px solid #ebebeb; background:#0e0f43; color:#FFF; font-size:13px}

.btn_go_top {
 left: 50%; bottom: 20px;  margin-left:500px; position: fixed; z-index: 10000; cursor: pointer;
}​